JQUERY的AJAX中 get()、post()的跨域方法


get()請求:

        $.ajax({
        type: "get",
        url: "你的請求地址",
        dataType: 'jsonp', //【jsonp進行跨域請求 只支持get】
        data:{ //【這里填寫是傳給服務端的數據 可傳可不傳 數據必須是json格式】
            "a":"b",
            "c":"d"
        },
        success: function(data) { //【成功回調】
            console.log(data);
        },
        error: function(xhr, type) { //【失敗回調】
        }
        });

post()請求:

【在進行跨域前,你需要知道的東西】:用ajax進行跨域請求,很多人就知道jsonp,然而很多人根本就不知道使用ajax跨域同時使用jsonp只能支持get方式請求,如果你進行post請求會執行error,並且返回readyState=4同時status=200

        $.ajax({
            type:"post",
            url:"你的請求地址",
            data:{ //【這里填寫是傳給服務端的數據 可傳可不傳 數據必須是json格式】
                "a":"b",
                "c":"d"
            },
            dataType:'json',  //【這里要小心啊,不要用jsonp,一定是json】
            crossDomain: true,  //【這個很重要,一定要加】
            success:function(result){
                console.log(result);
            },
            error:function(result){
                console.log(result);
            }
        });

(服務器端代碼):就是后台語言端(這里我以php為例)
在你執行所有操作之前加上它,使用的框架的建議放在框架的入口文件的最前面

        header('Access-Control-Allow-Origin: *');
        header('Access-Control-Allow-Methods: POST');
        header('Access-Control-Max-Age: 1000');

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM