0 0

jquery ajax跨域访问的问题 0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>VIP会员中心</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script src="jquery.js" type="text/javascript"></script> 
<script language="javascript" type="text/javascript">
    $(document).ready(function() {
        $("#btnSubmit").click(function() {
            Search();
        });
    });
    function Search() {
        $.ajax({
            type: "POST",
            url: "http://118.122.89.217:8808/ANBOSS/productView.c?do=queryProduct",
            data: {barCode: $("#barCode").val()},
			dataType: 'json', 
			timeout: '3000',
            beforeSend:function(){
				$("#msg").html("正在查询中,请稍候.....");
            },
            success:function(data){
				$("#msg").html('<h3>您好,您查询的产品结果如下:</h3><div class=hot>'+data+'</div><h3>感谢您对爱恋珠宝的支持!</h3>');
            },
            error:function(){
				$("#msg").html("抱歉,您输入的产品条形编码(证书号)有误,请重新核对您的产品编号。");
            }
        });
    }
</script>
<style>
.search #barCode{ width:265px; height:26px; border:1px solid #5d3c2b; line-height:26px; padding-left:3px; background:none;}
.search #btnSubmit{ border:0; width:56px; height:30px; background: url(img/search.gif); text-indent:-9999em;}

#msg{ width:340px; color: #333;font-size:14px; font-family:微软雅黑; color:#3b1807; margin-top:10px;}
#msg h3{ font-size:14px; font-weight:normal; color:#aa7140;}
.hot{ font-size:14px;color:#65412d;}
#error{ color:#333; font-size:14px; color:#C00;}
</style>
</head>

<body id=vip>
<div class="iframediv">
    	<div class="search">
    	  <input id="barCode" name="barCode" type="text" />
    	  <input type="button" id="btnSubmit" value="查询" />
    		<div id="msg"></div>
            <div id="error"></div>
        </div>
    </div></body>
</html>


本地打开没问题,把它上传到服务器上后 用http://www.xxx.com/xx.html的形式打开时 就提示 “拒绝访问”

请问应该如何修改?

问题补充:如果方便 麻烦可以把代码修改一下 搞不懂JQ 和 AJAX 谢谢!
2012年12月10日 12:28
  • 大小: 4.1 KB

6个答案 按时间排序 按投票排序

0 0

采纳的答案

url: "http://118.122.89.217:8808/ANBOSS/productView.c?do=queryProduct",   这个地址也应该改成域名的形式。如果就是这样的,请考虑加jsoncallback=?
http://www.camnpr.com/archives/426.html

2012年12月10日 12:33
0 0

跨域访问不能用json要用jsonp。自己搜索一下"jQuery jsonp"

2012年12月10日 16:25
0 0

这个东东。看看。

2012年12月10日 16:02
0 0

ajax不支持post跨域请求,get是可以的,前面有人已经说了,jsonp的方式可以跨域,你可以参考一下,此种方式也支持数据回传

2012年12月10日 14:07
0 0

再次补充一下哈。这里有一个关于jsonp跨域的介绍,也是JQUERY的。例子比较全。可以看看哈。http://developer.51cto.com/art/201105/264791.htm

2012年12月10日 13:58
0 0

jquery是可以解决跨域问题的吧。不过好像请求的参数类型不太可能是这样哦。不过jsonp倒是支持跨域的。记得和前面那个哥们儿一样考虑加入jsonpcallback,可以试试。

2012年12月10日 13:54

相关推荐

    Jquery跨域Ajax请求测试

    Jquery跨域访问Web服务的demo源码

    ajax跨域解决办法

    本资源主要介绍了AJAX跨域的解决办法,以及解决方案间的比较

    Jquery Ajax 跨域调用asmx类型 WebService范例代码

    摘要:Ajax 在 Web 2.0 时代起着非常重要的作用,然而有时因为同源策略 (SOP)(俗称:跨域问题(cross domain)) 它的作用会受到限制。在本文中,将学习如何克服合作限制。本文以asmx方式搭建webservice作为测试用...

    JQuery Ajax跨域调用和非跨域调用问题实例分析

    本文实例讲述了JQuery Ajax跨域调用和非跨域调用问题。分享给大家供大家参考,具体如下: 现在的互联网技术发展的越来越快,我们在开发过程中遇到的问题也越来越多。比如当我们需要进行跨域访问数据的时候该如何进行...

    JSONP实现Ajax跨域访问

    主要从三方面来通过jsonp来实现ajax跨域问题: 1.javascript方法 2.jquery $.ajax方法 3.jquery $.getJSON方法 不看会后悔的!

    JQuery Ajax 跨域访问的解决方案

    我们知道ajax本身实际上是通过XMLHttpRequest对象来异步进行数据的交互,而浏览器出于安全考虑,不允许js代码进行跨域操作,所以js跨域操作会被拒绝。

    Jquery 跨域访问 具体实例

    这是一份非常有用的Jquery跨域访问实例,里面提供了3种方法,前台后台都有涉及,希望对你们会有所帮助

    jquery下利用jsonp跨域访问实现方法

    本文将给您介绍如何使用getJSON来实现异步跨域提交表单

    JSONP跨域GET请求解决Ajax跨域访问问题

    实现方法有多种,本例采用jQuery+Ajax,完成后,在本地调试了一切ok,但是部署到服务器上以后就出现问题了,后台服务调用没有响应,怎么回事?代码没怎么改动,唯一修改的地方就是jQuery的ajax方法中的url地址。难道...

    IE8、IE9 Ajax 跨域解决办法

    解决ie8、9Ajax跨域问题(前端):jsp引入此js,Jquery Ajax正常写

    ajax 设置Access-Control-Allow-Origin实现跨域访问

    ajax跨域访问是一个老问题了,解决方法很多,比较常用的是JSONP方法,JSONP方法是一种非官方方法,而且这种方法只支持GET方式,不如POST方式安全。 即使使用jquery的jsonp方法,type设为POST,也会自动变为GET。如果...

    ajax跨域请求js拒绝访问的解决方法

    求解决办法 代码如下: ajax{ url :“http://xxxx/app”...求方法 您可能感兴趣的文章:跨域请求之jQuery的ajax jsonp的使用解惑AJAX跨域请求json数据的实现方法jQuery.ajax 跨域请求webapi设置headers的解决方案JQuer

    jquery解决客户端跨域访问问题

    客户端“跨域访问”一直是一个头疼的问题,好在有jQuery帮忙,从jQuery-1.2以后跨域问题便迎刃而解。由于自己在项目中遇到跨域问题,借此机会对跨域问题来刨根问底,查阅了相关资料和自己的实践,算是解决了跨域问题...

    jquery中ajax处理跨域的三大方式

    HTML5中提供的XMLHTTPREQUEST Level2(及XHR2)已经实现了跨域访问。但ie10以下不支持 只需要在服务端填上响应头: header("Access-Control-Allow-Origin:*"); /*星号表示所有的域都可以接受,*/ header("Access...

    jQuery跨域问题解决方案

    通过XMLHTTPRquest请求不同域上的数据,原来js跨域访问是后台有个处理路径“/test”的函数。下面给大家介绍jQuery跨域问题解决方案,有需要的小伙伴可以参考下

    jQuery使用ajax跨域请求获取数据

    跨域是我在日常面试中经常会问到的问题,这词在前端界出现的频率不低,主要原因还是由于安全限制(同源策略, 即JavaScript或Cookie只能访问同域下的内容),因为我们在日常的项目开发时会不可避免的需要进行跨域操作...

    jquery中ajax跨域方法实例分析

    本文实例分析了jquery中ajax跨域。分享给大家供大家参考,具体如下: JSONP是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问 方法一: jsonp之 get...

Global site tag (gtag.js) - Google Analytics