AJAX 跨域请求 ashx

最新推荐文章于 2023-07-27 09:30:55 发布

chengmodelong

最新推荐文章于 2023-07-27 09:30:55 发布

阅读量4.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： .NET 文章标签： ajax ashx 跨域

本文链接：https://blog.youkuaiyun.com/chengmodelong/article/details/39610673

.NET 专栏收录该内容

79 篇文章

订阅专栏

本文介绍了使用JSONP实现跨域请求的方法，包括客户端如何指定回调函数名称并将其附加到URL上，以及服务端如何响应并正确构造JSONP格式的数据。此外还提及了在Chrome浏览器中通过设置header来实现跨域请求的另一种方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

xvar 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");
}
});

          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定义的函数执行。


顺带一提：
在chrome浏览器里，还可以在服务端设置header信息
context.Response.AddHeader("Access-Control-Allow-Origin", "*");
来达到跨域请求的目的，并且不需要设置ajax以下参数

dataType : "jsonp",
jsonp: "callbackparam",
jsonpCallback:"jsonpCallback1"

以正常ajax请求方式就可以获得数据。