68 lines
1.7 KiB
HTML
68 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
</head>
|
|
|
|
<body>
|
|
var data = ajax.responseText<br>
|
|
|
|
把字符串类型的对象数组转换真正的对象
|
|
console.log(typeof data);//typeof 判断是什么类型
|
|
console.log(JSON.parse(data))<br>
|
|
|
|
把对象转化为字符串
|
|
var a = { id: 1, name: '张三' }
|
|
console.log(JSON.stringify(a));<br>
|
|
|
|
php打印
|
|
echo $xx;
|
|
exit();
|
|
|
|
<ul>
|
|
|
|
</ul>
|
|
</body>
|
|
<script>
|
|
// 1.创建一个新的ajax对象
|
|
var ajax = new XMLHttpRequest//XML Http Request
|
|
|
|
|
|
// 2.传入后端地址（配置需要访问的后端地址，请求方式）
|
|
//ajax.open("GET", "http://127.0.0.1/index.php?id=1")
|
|
ajax.open("POST", "http://127.0.0.1/index.php")
|
|
var params = {
|
|
id: 10
|
|
}
|
|
|
|
ajax.setRequestHeader('Content-Type', 'application/json;charset=UTF-8')
|
|
//3.发送请求
|
|
//ajax.send()
|
|
ajax.send(JSON.stringify(params))
|
|
|
|
|
|
// 4.监听请求状态
|
|
// on(监听) ready(读取) state(状态) change(变化)
|
|
ajax.onreadystatechange = function () {
|
|
if (ajax.readyState == 4) {
|
|
if (ajax.status == 200) {
|
|
var data = JSON.parse(ajax.responseText)
|
|
console.log();
|
|
// 把resule里面的title插入到ul里面
|
|
data.resule.forEach(v => {
|
|
document.querySelector("ul").innerHTML += `<li>${v.title}</li>`
|
|
});
|
|
} else {
|
|
alert("网络出错")
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
</html> |