跨域請求POST的解決方法介紹

這篇文章帶給大家的內容是關於跨域請求POST的解決方法介紹，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

跨域請求POST解決方案

cookie一般情況下是沒法跨域的，甚至POST請求一般情況下都是無法跨域的。

    //     请求代码示例
    $.ajax({
        url: url,
        type: "POST",
        data: metadata,
        dataType: 'json',
        xhrFields: {  
            withCredentials: true  
        },  
        crossDomain: true,
        success: function(){},
        error: function(){}
    });

1、預設情況下，ajax（XMLHttpRequest()物件和ie下Microsoft.XMLHTTP物件）受制於同源策略是不允許跨域請求。

2、jsonp的跨域是利用頁面動態加入script標籤來引用跨網域資源來避開這個限制，但沒有post方法。

解決方法：伺服器端設置，允許ajax請求跨網域

    ##     服务端设置允许跨域代码，eg:
    header("Access-Control-Allow-Credentials: true")；

    header("Access-Control-Allow-Origin: http://www.xxx.com");

    ## 设置成功后，在接口请求的Response Headers会看到一下以下允许跨越信息
    {
        Access-Control-Allow-Credentials:true
        Access-Control-Allow-Headers:x-requested-with,content-type
        Access-Control-Allow-Methods:POST
        Access-Control-Allow-Origin:http://www.aipai.com
    }

cookies的跨網域解決方案

ajax跨網域請求問題解決了，但當後端需要透過介面取得cookies時，同樣存在cookies的跨域問題

cookies的跨域解決方法：在請求中加入以下參數，請求頭資訊便會附帶cookies資訊

    // 代码
    $.ajax({
        ...
        xhrFields: {  
            withCredentials: true  
        },
        ...
    });

【相關推薦：JavaScript影片教學】

以上是跨域請求POST的解決方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！