您的位置:首页 > Web前端 > JavaScript

js跨域访问问题

2016-03-17 15:26 316 查看
一.以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","*");
//'*'表示允许所有域名访问,可以设置为指定域名访问,多个域名中间用','隔开
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jsonp javascript