怎樣解決JS或Jqueryajax異步跨域的問(wèn)題

小編給大家分享一下怎樣解決JS或Jquery ajax異步跨域的問(wèn)題,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、微信小程序開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了蒼梧免費(fè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");

以上是“怎樣解決JS或Jquery ajax異步跨域的問(wèn)題”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

分享題目:怎樣解決JS或Jqueryajax異步跨域的問(wèn)題
分享地址:http://muchs.cn/article6/gddeig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站排名網(wǎng)站制作、網(wǎng)站營(yíng)銷(xiāo)、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司