ajax+php跨域请求数据库 基于jQuery的ajax跨域请求 PHP作为服务器端代码

ajax实现跨域请求有两种方式：

方法一：jsonp的方式

jsonp方式的关键点在客户请求以jsonp作为数据类型，服务器端接收jsonp的回调函数，并通过回调函数进行数据的传输。具体代码如下：

客户端：

$.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");

}

})

服务器端;

// 使用jsonp实现跨域传输的方式，重点在于通过callback回调函数进行传递数据

$data=array("name"=>"张三","sex"=>"男");

$callback=$_GET['callback'];

echo $callback."(".json_encode($data).")";

方法二：使用CORS方式

之所以产生跨域问题是应为浏览器遵从同源策略，何为同源？所谓同源是指域名、协议、端口相同。只有在同源策略下才能够进行数据的交互。而跨域显然是不满足同源策略要求。所以为此提供了CORS方式，为要请求的目的服务器段加上header请求头便可实现客户端跨域请求。代码如下：

服务器端(PHP)：

// 使用CORS进行处理跨域传输

echo "hello boy,我是通过CORS方式传输的";

// 允许 http://localhost:8080 发起的跨域请求

header("Access-Control-Allow-Origin:http://localhost:8080");

客户端：

$("#textShow").load("http://192.168.20.88:80/class/index.php");

jsonp的方式只支持get方式数据交互，而CORS方式可令客户端以同源策略下的各种方式请求数据。

如果把后面的网址改为*的话，就允许全部的网址跨域访问自己的网站了

header("Access-Control-Allow-Origin:*");