入门客AI创业平台(我带你入门,你带我飞行)
博文笔记

Ajax+PHP实现跨域访问的两种方式

创建时间:2016-03-02 投稿人: 浏览次数:11052

1.兼容IE浏览器的方法,在Ajax请求的时候使用jsonp:

$("#search").click(function() {
				$.ajax({
					type : "GET",
					url : "http://127.0.0.1/raid/jquery_learning/ajax_learning/php/index.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);
					}
				})
			});

然后在PHP接收和返回的时候也带上jsonp的数据:

function search() {
		$jsonp = $_GET["callback"];

		if(!isset($_GET["number"]) || empty($_GET["number"])) {
			echo "{"success":false,"msg":"参数错误"}";
			return ;
		}

		global $staff;

		$number = $_GET["number"];
		$result = $jsonp."({"success":false,"msg":"没有找到员工"})";

		foreach ($staff as $key => $value) {
			if($value["number"] == $number) {
				$result = $jsonp."({"success":true,"msg":"找到员工".$value["name"].""})";
				break;
			}
		}

		echo $result;
	}


2.只提供给支持HTML5的浏览器使用,只需要在PHP的头部加上如下这两句话即可:

//处理跨域
	header("Access-Control-Allow-Origin:*"); //*号表示所有域名都可以访问
	header("Access-Control-Allow-Method:POST,GET");


声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。