在没有服务器的情况下，一般在自己电脑上测试AJAX的时候会报跨域错误或是不能访问本机文件
在这种情况下可以自己在本机搭建一个HTTP服务器环境
要用到的软件叫wamp 大家百度一下 很容易下载 可以使用中文版
快安装的时候会提示让你选择一个默认的浏览器 选一个常用的就行
在这种情况下可以自己在本机搭建一个HTTP服务器环境
要用到的软件叫wamp 大家百度一下 很容易下载 可以使用中文版
快安装的时候会提示让你选择一个默认的浏览器 选一个常用的就行
安装成功后看右下角 当能用的时候 软件会显示绿色
点击软件 选择WWW目录 然后在目录新建一个文件夹 随便起名
然后找到你软件安装的目录按顺序找bin-apache-apache2.4.9(不同版本显示不一样)-conf-httpd.conf(打开这个文件 文本文档就能打开)
在里面找到DocumentRoot "f:/wamp/www/" 一般是这样显示（那个目录是我安装的目录）
改成DocumentRoot "f:/wamp/www/hhh" (hhh是我在WWW目录下新建的文件夹)
再找一个<Directory "f:/wamp/www/"> 也改成 <Directory "f:/wamp/www/hhh">
以后用ajax测试的时候目录就用这个新建的目录 我这里是hhh文件夹
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>ajax</title>
</head>
<body>
<button id="btn">请求数据</button>
<div id="myDiv"></div>
<script>
document.getElementById("btn").onclick = function(){
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function(){
document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
}
xmlhttp.open("GET", "ajax.json");
xmlhttp.send();
}
</script>
</body>
</html>
{"hello":"world!"}把上面这一句代码保存为ajax.json文件
这两个文件一起放到WWW目录下新建的文件夹里 然后在浏览器输入127.0.0.1/ajax.html访问