Ajax 跨域请求

标签：erp   服务   get   代码   head   chrome浏览器   htm   mil   log   

转自：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 跨域请求

标签：erp   服务   get   代码   head   chrome浏览器   htm   mil   log   

原文地址：http://www.cnblogs.com/hjbky/p/6541862.html