基于jQuery的ajax跨域请求,PHP作为服务器端代码

ajax实现跨域请求有两种方式:
方法一:jsonp的方式
jsonp方式的关键点在客户请求以jsonp作为数据类型,服务器端接收jsonp的回调函数,并通过回调函数进行数据的传输。具体代码如下:
客户端:
[javascript] view plain copy
 $.ajax({  
    type:"GET",  
    url:"http://192.168.20.88:80/class/index.php",  
    dataType:"jsonp",  
    jsonp:"callback",  
    jsonpCallback:"success_jsonpCallback",    
    success:function(json){  
        $("#textShow").html("姓名:"+json.name+"  性别:"+json.sex);  
    },  
    error:function(){  
        alert("fail");  
    }  
})  

服务器端;
[php] view plain copy
//    使用jsonp实现跨域传输的方式,重点在于通过callback回调函数进行传递数据  
    $data=array("name"=>"张三","sex"=>"男");  
    $callback=$_GET['callback'];  
    echo $callback."(".json_encode($data).")";  

方法二:使用CORS方式
之所以产生跨域问题是应为浏览器遵从同源策略,何为同源?所谓同源是指域名、协议、端口相同。只有在同源策略下才能够进行数据的交互。而跨域显然是不满足同源策略要求。所以为此提供了CORS方式,为要请求的目的服务器段加上header请求头便可实现客户端跨域请求。代码如下:
服务器端(PHP):
[php] view plain copy
//    使用CORS进行处理跨域传输  
echo "hello boy,我是通过CORS方式传输的";  
// 允许 http://localhost:8080 发起的跨域请求  
header("Access-Control-Allow-Origin:http://localhost:8080");  

客户端:
[html] view plain copy
$("#textShow").load("http://192.168.20.88:80/class/index.php");   

jsonp的方式只支持get方式数据交互,而CORS方式可令客户端以同源策略下的各种方式请求数据。
posted @ 2019-07-01 12:59  搬砖小伙子  阅读(807)  评论(0编辑  收藏  举报