首页 > 代码库 > Ajax 跨域请求
Ajax 跨域请求
转自:http://www.cnblogs.com/mahatmasmile/archive/2013/03/29/2989505.html 作者大圣的笑
客户端js:
var xhrurl = ‘http://localhost:8001/Ajax/ticketNotify.ashx?cu=kefu1‘; $.ajax({ type : "get", async : false, url :xhrurl, cache : false, dataType : "jsonp", jsonp: "callbackparam", jsonpCallback:"jsonpCallback1", success : function(json){ alert(json[0].name); }, error:function(e){ alert("error"); } });
服务端代码:
1 String callbackFunName = context.Request["callbackparam"]; 2 context.Response.Write(callbackFunName + "([ { \"name\":\"John\"}])");
PS:客户端的jsonp参数是用来通过url传参,传递jsonpCallback参数的参数名,比较拗口,通俗点讲:
jsonp: "callbackparam" //跨域请求的参数名,默认是callback
jsonpCallback:"jsonpCallback1" //自定义跨域参数值,回调函数名也是一样,默认为jQuery自动生成的字符串
这两个参数最终会拼接在请求的url后面,变成 http://www.xxx.com/ajax/xxx.ashx?callbackparam=jsonCallback1
服务端要获取这个参数值:"jsonCallback1" ,拼接在要输出的JSON数据最前面,不然就算请求成功你也只会看到警告:
Resource interpreted as Script but transferred with MIME type text/plain:
却看不到success定义的函数执行。
顺带一提:
在chrome浏览器里,还可以在服务端设置header信息
context.Response.AddHeader("Access-Control-Allow-Origin", "*");
来达到跨域请求的目的,并且不需要设置ajax以下参数
dataType : "jsonp", jsonp: "callbackparam", jsonpCallback:"jsonpCallback1"
以正常ajax请求方式就可以获得数据。
Ajax 跨域请求
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。