摘要:具體實現(xiàn)如下請求失敗解決方案需要前端和服務(wù)端共同配置才能實現(xiàn)前端服務(wù)器發(fā)生錯誤服務(wù)端在程序入口文件配置
在實際項目當中,我們經(jīng)常會遇到同一個域名下不同項目之間通過Ajax相互調(diào)用數(shù)據(jù),這樣問題就來了,如何通過Ajax實現(xiàn)跨域呢?
解決方案1.Jsonp
Jsonp解決跨域相對簡單,服務(wù)器無需任何配置。具體實現(xiàn)如下:
$.ajax({ type: "get", url: "http://xxx.com", data: {}, dataType: "jsonp", success: function (data) { }, error: function (data) { mask.close(); toast("請求失敗"); } });
2.CORS
CORS解決方案需要前端和服務(wù)端共同配置才能實現(xiàn)
前端
$.ajax({ url: "http://xxx.com", type: "post", xhrFields:{ withCredentials:true }, data: {}, success: function(res){ }, error: function(){ alert("服務(wù)器發(fā)生錯誤!"); } });
服務(wù)端(在程序入口文件配置)
header("Access-Control-Allow-Origin: http://xxx.com"); header("Access-Control-Allow-Credentials: true"); header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept");
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/29017.html
摘要:請求服務(wù)器數(shù)據(jù)并規(guī)定回調(diào)函數(shù)為上面代碼通過動態(tài)添加元素,向服務(wù)器發(fā)出請求。另外假設(shè)向服務(wù)發(fā)送的請求是這樣的在這種情況下,是表示請求的請求參數(shù),而是應(yīng)用程序的回調(diào)函數(shù)的名稱。清單調(diào)用回調(diào)服務(wù)注意,我們使用作為回調(diào)函數(shù)名,而非真實的函數(shù)名。 同源策略 同源策略(Same origin policy),它是由Netscape提出的一個著名的安全策略?,F(xiàn)在所有支持JavaScript的瀏覽器都...
摘要:同源策略指的是當前頁面和目標協(xié)議域名和端口均相同。發(fā)出請求的頁面所在域。響應(yīng)的頭部信息在后端處理,不在此處講解。該事件會在數(shù)據(jù)接收期間不斷觸發(fā),但間隔不確定。服務(wù)器確認允許之后,才發(fā)起實際的請求。 ajax作為前端開發(fā)必需的基礎(chǔ)能力之一,你可能會使用它,但并不一定懂得其原理,以及更深入的服務(wù)器通信相關(guān)的知識。在最近兩天的整理過程中,看了大量的文章,發(fā)現(xiàn)自己的后端能力已經(jīng)限制自己在網(wǎng)絡(luò)通...
摘要:實現(xiàn)跨域的原理通過方式請求載入并執(zhí)行一個文件,相當于通過的形式的導入一個外部的方法語法該函數(shù)是簡寫的函數(shù),等價于在中,您可以通過使用形式的回調(diào)函數(shù)來加載其他網(wǎng)域的數(shù)據(jù),如。將自動替換為正確的函數(shù)名,以執(zhí)行回調(diào)函數(shù)。 更多詳情見http://blog.zhangbing.club/Ja... 最近在項目開發(fā)的過程中遇到一些Javascript 跨域請求的問題,今天抽空對其進行總結(jié)一下,以...
閱讀 2326·2021-11-25 09:43
閱讀 3464·2021-10-25 09:48
閱讀 1333·2021-09-13 10:24
閱讀 2742·2019-08-29 15:07
閱讀 1283·2019-08-29 13:14
閱讀 3279·2019-08-29 12:22
閱讀 1363·2019-08-29 11:32
閱讀 3250·2019-08-29 11:23