Ajax基础

来源：互联网发布：proxifier linux版编辑：程序博客网时间：2024/06/03 20:21

刚刚接触Ajax写了一个小Demo，结果在Chrome下报错

提示信息为：

XMLHttpRequest cannot load file:///E:/untitled/Test.txt. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.window.onload @ ajax.html:41

后来才知道是跨域问题。Chrome不支持本地访问Ajax，通过服务器访问发现没有问题

<!DOCTYPE html>
<html lang="en">
<head>

<style type="text/css">
div{height: 200px;width: 200px;border:1px solid #000;}
</style>
<script type="text/javascript">
window.onload=function(){
//创建Ajax对象
if(window.XMLHttpRequest)
{var oAjax=new XMLHttpRequest();}
else
{var oAjax=new ActiveXObject("Microsoft.XMLHTTP")}
//打开连接
oAjax.open("GET","Test.txt",true);
//发送请求
oAjax.send();
//获得返回的结果
oAjax.onreadystatechange=function ()
{
if(oAjax.readyState==4&&oAjax.status==200)
{document.getElementsByTagName("div")[0].innerHTML=oAjax.responseText;}
}

}
</script>
<meta charset="UTF-8">
<title>ajax</title>
</head>
<body>
<div></div>
</body>
</html>

0 0