欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

如何快速解決JS或Jquery ajax異步跨域的問(wèn)題

 更新時(shí)間：2018年01月08日 15:24:12   作者：Jasonfong436  
如何快速解決JS或Jquery ajax異步跨域的問(wèn)題呢？下面小編就為大家分享一篇快速解決Jquery ajax異步跨域問(wèn)題的方法，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

簡(jiǎn)單的概括下，解決辦法有兩種。

一種是jsonp方式：即在前端發(fā)送異步請(qǐng)求時(shí)，添加相關(guān)的jsonp設(shè)置或配置；后端則返回可供jsonp解析的格式的串。                                             

但是jsonp方式只支持get的請(qǐng)求方式，并且不被新瀏覽器版本的支持（新瀏覽器版本多進(jìn)行OPITION請(qǐng)求--異步安全檢查的測(cè)試的請(qǐng)求，所以jsonp方式無(wú)法通過(guò)），

這里就不多了解了。

一種是cros方式，優(yōu)點(diǎn)就是更安全，能指定連接白名單，能限定請(qǐng)求方法（也就是支持多種請(qǐng)求方法），主流瀏覽器都支持。主要說(shuō)一下實(shí)現(xiàn)方式，

前端：和普通異步請(qǐng)求一樣的格式，如：

$.ajax({ 
   url :'http://localhost:8080/myProject/test' 
    type : "GET",//不局限于get 
   data:{"key1":value1,"key2":value2}, 
   async : true, 
   success : function(data) { 
    var dataObj=eval("("+data+")"); 
     console.log(dataObj); 
     
   }, 
   error : function(data) { 
    alert( "服務(wù)器連接失敗 ajaxJsonp" ); 
   } 
  });

后端：主要是設(shè)置響應(yīng)頭參數(shù)

response.setHeader("Access-Control-Allow-Origin", "*");//設(shè)置可跨域資源共享的域名，只能設(shè)置一個(gè)具體的域名，但*可以代表所有 
response.setHeader("Access-Control-Allow-Methods","GET,POST,PUT,OPTIONS");//設(shè)置可跨域資源共享的請(qǐng)求方式 
  response.setHeader("Access-Control-Allow-Credentials","true"); 
  response.setHeader("Access-Control-Allow-Headers" ,"Origin, X-Requested-With, Content-Type, Accept");

相關(guān)文章

最新評(píng)論