1、发起对服务器的请求
被请求的PHP
<?PHP $fp = fopen('./02.txt','a'); //打开文件 fwrite($fp,'lenovo'); fclose($fp); //关闭文件
请求代码：
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
function f1() {
//创建对象
var xhr = new XMLHttpRequest();
//创建一个新的http请求
//xhr.open(请求方式get/post，请求地址，[异步同步请求，默认异步]);
xhr.open('get','./02.PHP');
//发送请求
//xhr.send(post请求数据/get请求设置null);
xhr.send(null);
}
</script>
</head>
<body>
<input type="button" value="触发" onclick="f1()">
</body>
</html>效果图：
2、接收服务器返回信息
ajax可以接收什么信息？
答：浏览器可以接收的信息ajax都可以接收，例如字符串、html标签、css样式内容、xml内容、json内容等等。
<script type="text/javascript">
function f1() {
//创建对象
var xhr = new XMLHttpRequest();
//设置事件，感知ajax状态的一个变化
xhr.onreadystatechange = function () {
if(xhr.readyState == 4)
console.log(xhr.responseText);
}
xhr.open('get','./03.PHP');
//发送请求
//xhr.send(post请求数据/get请求设置null);
xhr.send(null);
}
</script>效果图：