89 lines
2.0 KiB
HTML
89 lines
2.0 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>
|
|
|
|
<ul>
|
|
</ul>
|
|
</body>
|
|
<script>
|
|
|
|
|
|
// 1 拿出电话, 创建一个 ajax 类实例
|
|
var xhr = new XMLHttpRequest();
|
|
|
|
// 2 设置拨号的号码 设置请求方式和请求的地址
|
|
xhr.open("GET", "http://127.0.0.1/index.php")
|
|
|
|
// 3 拨打电话 发送请求
|
|
xhr.send()
|
|
|
|
// 4 10086 的语音提示 状态监听
|
|
xhr.onreadystatechange = () => {
|
|
if (xhr.readyState == 4) {
|
|
if (xhr.status == 200) {
|
|
var data = JSON.parse(xhr.response);
|
|
console.log(data);
|
|
// console.log(data.result.list);
|
|
|
|
// data.result.list.forEach(v => {
|
|
// document.querySelector("ul").innerHTML += `
|
|
// <li>
|
|
// <div class="title">${v.title}</div>
|
|
// <img src="${v.img_src}" alt="">
|
|
// </li>
|
|
// `
|
|
// });
|
|
} else {
|
|
alert("当前网络不佳，请稍后再试！")
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
var a = {
|
|
id: 1,
|
|
name: '张三',
|
|
age: 18
|
|
}
|
|
|
|
var c = JSON.stringify(a)
|
|
console.log(c);
|
|
|
|
// console.log(window);
|
|
// xml -> json txt
|
|
|
|
// json 就是数组和对象的各种组合
|
|
// JSON.stringify 把对象或者数组转 string
|
|
// JSON.parse 把string 格式的对象，数组，转为对象数组
|
|
|
|
// var userLogin = {
|
|
// userName: '',
|
|
// userPwd: ''
|
|
// }
|
|
|
|
// var result = {
|
|
// status: 200,
|
|
// data: 'error'
|
|
// }
|
|
|
|
// var data = {
|
|
// title: '你好',
|
|
// newsArray: [
|
|
// { item: '新闻1' },
|
|
// { item: '新闻2' },
|
|
// { item: '新闻3' },
|
|
// ]
|
|
// }
|
|
|
|
|
|
</script>
|
|
|
|
</html> |