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

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設,涼州企業(yè)網(wǎng)站建設,涼州品牌網(wǎng)站建設,網(wǎng)站定制,涼州網(wǎng)站建設報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,涼州網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

跨域請求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的跨域是利用頁面動態(tài)添加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的跨域解決方法：在請求中添加以下參數(shù)，請求頭信息便會附帶cookies信息

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

以上是如何解決跨域請求POST的問題的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站欄目：如何解決跨域請求POST的問題
路徑分享：http://chinadenli.net/article40/gepgeo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供自適應網(wǎng)站、品牌網(wǎng)站制作、網(wǎng)站營銷、標簽優(yōu)化、手機網(wǎng)站建設、微信公眾號

廣告

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