Ajax 跨域请求

最新推荐文章于 2025-09-06 16:16:54 发布

转载最新推荐文章于 2025-09-06 16:16:54 发布 · 51 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wangfujing/p/5566055.html

文章标签：

#json

本文介绍了一个使用jQuery发起JSONP跨域请求的例子，并详细解释了客户端和服务端的相关配置，包括设置JSONP回调函数及如何正确处理响应。

客户端JS：

 1 var xhrurl = 'http://localhost:8001/Ajax/ticketNotify.ashx?cu=kefu1';
 2 $.ajax({
 3         type : "get",
 4         async : false,
 5         url :xhrurl, 
 6         cache : false,
 7         dataType : "jsonp",
 8         jsonp: "callbackparam",
 9         jsonpCallback:"jsonpCallback1",
10         success : function(json){
11             alert(json[0].name);
12         },
13         error:function(e){
14             alert("error");
15         }
16     });

服务端代码：

1             String callbackFunName = context.Request["callbackparam"];
2             context.Response.Write(callbackFunName + "([ { \"name\":\"John\"}])");

PS:客户端的jsonp参数是用来通过url传参，传递jsonpCallback参数的参数名，比较拗口，通俗点讲：

jsonp: "callbackparam"
jsonpCallback:"jsonpCallback1"

这两个参数最终会拼接在请求的url后面，变成 http://www.xxx.com/ajax/xxx.ashx?callbackparam=jsonCallback1
服务端要获取这个参数值："jsonCallback1"  ,拼接在要输出的JSON数据最前面,不然就算请求成功你也只会看到警告：
Resource interpreted as Script but transferred with MIME type text/plain:

却看不到success定义的函数执行。

转载于:https://www.cnblogs.com/wangfujing/p/5566055.html