首页 > 代码库 > JS跨域请求
JS跨域请求
一.跨域请求方式：
1.跨域请求方式一：angularjs之$http.jsonp
举例：
1 $http.jsonp( "http://xxx.xxx.com?action=getResource&userID=" + userId + "&resourceCode=" + code + "&callback=JSON_CALLBACK") 2 .success(function (data) { 3 var json = eval(data); 4 if (json.Success == ‘True‘) { 5 window.location.href =http://www.mamicode.com/ json.Site; 6 } 7 else if (json.Success == ‘False‘) { 8 alert(json.Site); 9 }10 11 })12 .error(function () {13 14 //process15 });
2.跨域请求方式二：jquery之$.ajax(或者$.getJSON)
同样举例：
1 var url = "http://xxx.xxx.com/xxx.svc/Jsonp/QueryTemplates?systemCode=_Ferry_";//此处请求WCF服务 2 //var mydata = http://www.mamicode.com/{ action:"getResource", userID: 428, resourceCode: 5507 }; 3 4 5 $.ajax({ 6 url: url, 7 type: ‘GET‘, 8 dataType: ‘jsonp‘,//必须 9 data: "{}",10 jsonp: ‘callback‘,//必须11 success: function (result) {//此处即为服务端返回的可执行js代码的默认执行函数(注：服务端一般返回 callback(jsondata) )12 13 for (var i in result) {14 alert(i + ":" + result[i]);//循环输出a:1,b:2,etc. 15 }16 },17 error: function (XMLHttpRequest, textStatus, errorThrown) {18 console.log(XMLHttpRequest);19 console.log(textStatus);20 console.log(errorThrown);21 },22 timeout: 300023 });
二.注意事项：
1.jsonp跨域只能GET，不能POST
2.服务端相应要做处理，如：
C# Code:
1 [WebMethod] 2 public void JQueryJsonp(string callback) 3 4 { 5 6 System.Web.HttpContext.Current.Response.Write(callback+"({username:‘showbo‘})"); 7 8 System.Web.HttpContext.Current.Response.End(); 9 10 }
Javascript Code:
1 $.ajax({2 url: "test.asmx/JQueryJsonp?callback=?",3 dataType: "jsonp",4 success: function (json) { alert("Success：" + json.username); },5 error: function (x, e) { alert("Error：" + x.responseText); }, 6 complete: function (x) { alert("Complete：" + x.responseText); }7 });
先记着，后续再补充完善。
JS跨域请求
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。