AJAX跨域总结

一、XHR2 IE10以下不支持

后端头部加上：
header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST,GET');

二、JSONP

$(document).ready(function(){ 
    $("#search").click(function(){ 
        $.ajax({ 
            type: "GET",    
            url: "http://127.0.0.1:8000/ajaxdemo/serverjsonp.php?number=" + $("#keyword").val(),
            **dataType: "jsonp",
            jsonp: "callback",**
            success: function(data) {
                if (data.success) {
                    $("#searchResult").html(data.msg);
                } else {
                    $("#searchResult").html("出现错误：" + data.msg);
                }  
            },
            error: function(jqXHR){     
               alert("发生错误：" + jqXHR.status);  
            },     
        });
    });

后端：

1、获取:

$jsonp = $_GET["callback"];

2、所有返回数据 加上$jsonp

$result = $jsonp . '({"success":false,"msg":"没有找到员工。"})';

三、代理

A服务器 B服务器

A服务器后端调用B服务器的服务，然后把相应结果发送给前端即可。