這篇文章主要介紹如何解決跨域請(qǐng)求POST的問題，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

為湖濱等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及湖濱網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都做網(wǎng)站、成都網(wǎng)站建設(shè)、湖濱網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

跨域請(qǐng)求POST解決方案

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

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

1、默認(rèn)情況下，ajax（XMLHttpRequest()對(duì)象和ie下Microsoft.XMLHTTP對(duì)象）受制于同源策略是不允許跨域請(qǐng)求。

2、jsonp的跨域是利用頁(yè)面動(dòng)態(tài)添加script標(biāo)簽來引用跨域資源來避開這個(gè)限制，但沒有post方法。

解決方法：服務(wù)器端設(shè)置，允許ajax請(qǐng)求跨域

##     服務(wù)端設(shè)置允許跨域代碼，eg:
    header("Access-Control-Allow-Credentials: true")；

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

    ## 設(shè)置成功后，在接口請(qǐng)求的Response Headers會(huì)看到一下以下允許跨越信息
    {
        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跨域請(qǐng)求問題解決了，但當(dāng)后端需要通過接口獲取cookies時(shí)，同樣存在cookies的跨域問題

cookies的跨域解決方法：在請(qǐng)求中添加以下參數(shù)，請(qǐng)求頭信息便會(huì)附帶cookies信息

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

以上是如何解決跨域請(qǐng)求POST的問題的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！

當(dāng)前題目：如何解決跨域請(qǐng)求POST的問題-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)路徑：http://weahome.cn/article/cogghc.html