<ul id="c4umw"></ul>

<strike id="c4umw"></strike>

<fieldset id="c4umw"></fieldset>

Ajax實現跨域訪問最新方式

BWrong 發布于2019-07-01 10:18 / 1994人閱讀

摘要：具體實現如下請求失敗解決方案需要前端和服務端共同配置才能實現前端服務器發生錯誤服務端在程序入口文件配置

在實際項目當中，我們經常會遇到同一個域名下不同項目之間通過Ajax相互調用數據，這樣問題就來了，如何通過Ajax實現跨域呢？

解決方案

1.Jsonp

Jsonp解決跨域相對簡單，服務器無需任何配置。具體實現如下：

$.ajax({
    type: "get",
    url: "http://xxx.com",
    data: {},
    dataType: "jsonp",
    success: function (data) {
        
    },
    error: function (data) {
        mask.close();
        toast("請求失敗");
    }
});

2.CORS

CORS解決方案需要前端和服務端共同配置才能實現

前端

$.ajax({
    url: "http://xxx.com",
    type: "post",
    xhrFields:{
        withCredentials:true
    },
    data: {},
    success: function(res){

    },
    error: function(){
        alert("服務器發生錯誤！");
    }
});

服務端(在程序入口文件配置)

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");

云服務器 GPU云服務器 ajax跨域訪問 ajax跨域訪問報錯 ajax_onp跨域訪問 js實現跨域訪問

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/29017.html

JSONP的一點筆記<修改中>

摘要：請求服務器數據并規定回調函數為上面代碼通過動態添加元素，向服務器發出請求。另外假設向服務發送的請求是這樣的在這種情況下，是表示請求的請求參數，而是應用程序的回調函數的名稱。清單調用回調服務注意，我們使用作為回調函數名，而非真實的函數名。同源策略同源策略(Same origin policy)，它是由Netscape提出的一個著名的安全策略。現在所有支持JavaScript的瀏覽器都...

姘存按 2019-08-20 17:22 評論0 收藏0
AJAX原理與CORS跨域

摘要：同源策略指的是當前頁面和目標協議域名和端口均相同。發出請求的頁面所在域。響應的頭部信息在后端處理，不在此處講解。該事件會在數據接收期間不斷觸發，但間隔不確定。服務器確認允許之后，才發起實際的請求。 ajax作為前端開發必需的基礎能力之一，你可能會使用它，但并不一定懂得其原理，以及更深入的服務器通信相關的知識。在最近兩天的整理過程中，看了大量的文章，發現自己的后端能力已經限制自己在網絡通...

jeyhan 2019-08-21 17:01 評論0 收藏0
前端跨域整理

摘要：前言原文地址前端跨域總結博主博客地址的個人博客相信每一個前端對于跨域這兩個字都不會陌生，在實際項目中應用也是比較多的。通過跨域前面說過了，瀏覽器有一個同源策略，其限制之一是不能通過的方法去請求不同源中的文檔。前言原文地址：前端跨域總結博主博客地址：Damonare的個人博客相信每一個前端er對于跨域這兩個字都不會陌生，在實際項目中應用也是比較多的。但跨域方法的多種多樣實在讓人目...

yankeys 2019-06-27 14:44 評論0 收藏0
前端跨域整理

摘要：前言原文地址前端跨域總結博主博客地址的個人博客相信每一個前端對于跨域這兩個字都不會陌生，在實際項目中應用也是比較多的。通過跨域前面說過了，瀏覽器有一個同源策略，其限制之一是不能通過的方法去請求不同源中的文檔。前言原文地址：前端跨域總結博主博客地址：Damonare的個人博客相信每一個前端er對于跨域這兩個字都不會陌生，在實際項目中應用也是比較多的。但跨域方法的多種多樣實在讓人目...

jsliang 2019-08-20 11:56 評論0 收藏0
javascript跨域

摘要：實現跨域的原理通過方式請求載入并執行一個文件，相當于通過的形式的導入一個外部的方法語法該函數是簡寫的函數，等價于在中，您可以通過使用形式的回調函數來加載其他網域的數據，如。將自動替換為正確的函數名，以執行回調函數。更多詳情見http://blog.zhangbing.club/Ja... 最近在項目開發的過程中遇到一些Javascript 跨域請求的問題，今天抽空對其進行總結一下，以...

PingCAP 2019-08-22 18:10 評論0 收藏0