js跨域访问问题

来源:互联网 发布:托福 知乎 编辑:程序博客网 时间:2024/05/16 12:17

一.以js代码的方式给前台返回数据(以jsonp为例)

1.使用jsonp

例:

客户端:

 $.ajax({
            url: url,
            data: "p1=1&p2=2&callback=?",
            type: "get",
            processData: false,
            timeout: 15000,
            dataType: "jsonp",  // not "json" we'll parse
            jsonp: "jsonpcallback",
            success: function(result) {
            alert(result.value1);
            }
        });

服务器端:

            string callback = Request["callback"]; 
            string v1="1";
            string v2="2";
            string response = "{\"value1\":\"" + v1 + "\",\"value2\":\"" + v2 + "\"}";
            string call = callback + "(" + response + ")";
            Response.Write(call);
            Response.End();

jquery+jsonp只能发送get请求

二.利用Access-Control-Allow-Origin

客户端无需变动

简单的请求即可

只使用 GET、POST 进行的请求,这里的POST只包括发送给服务器的数据类型(Content-Type)必须是 application/x-www-form-urlencoded、multipart/form-data 或者 text/plain中一个。(此处无json类型)

服务器端:

this.getResponse().addHeader("Access-Control-Allow-Origin","*");

//'*'表示允许所有域名访问,可以设置为指定域名访问,多个域名中间用','隔开







1 0