ajax开启跨域的方法

前端之家收集整理的这篇文章主要介绍了ajax开启跨域的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

ajax开启跨域的方法:

只要在服务器端的PHP里面写入:

<?PHP
header('Access-Control-Allow-Origin:*');
//加入上面一句话就可以跨域访问了

这样就可以在html中访问服务器端的PHP返回信息了.

html页面ajax:

<script type="text/javascript">

var xhr = new XMLHttpRequest();
var url = 'http://***.PHP;
crossDomainRequest();
function crossDomainRequest() {
// document.getElementById("content").innerHTML = "开始……";
if (xhr) {
xhr.open('GET',url,true);
xhr.onreadystatechange = handler;
xhr.send();
} else {
//document.getElementById("content").innerHTML = "不能创建 XMLHttpRequest";
alert( "不能创建 XMLHttpRequest");
}
}
function handler(evtXHR) {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
var response = xhr.responseText;
//document.getElementById("content").innerHTML = "结果:" + response;
alert(response);
} else {
//document.getElementById("content").innerHTML = "不允许跨域请求。";
alert(xhr.readyState+"不允许跨域请求。"+xhr.status);
}
}
else {
//document.getElementById("content").innerHTML += "<br/>执行状态 readyState:" + xhr.readyState;
alert("<br/>执行状态 readyState:" + xhr.readyState);
}
}
</script>

具体信息:CORS

猜你在找的Ajax相关文章