86 lines
2.5 KiB
HTML
86 lines
2.5 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>
|
|||
|
|
<script>
|
|||
|
|
console.log("创建proimise之前")
|
|||
|
|
var promiseobj=new Promise((resolve,reject)=>{
|
|||
|
|
console.log("创建promise")
|
|||
|
|
if (this.readyState !== 4) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (this.status === 200) {
|
|||
|
|
cosnole.log("mysuccess")
|
|||
|
|
resolve(this.response);
|
|||
|
|
} else {
|
|||
|
|
console.log("myerror")
|
|||
|
|
reject(new Error(this.statusText));
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
promiseobj.then(()=>{
|
|||
|
|
console.log("success")
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
console.log("promise成功之后")
|
|||
|
|
|
|||
|
|
|
|||
|
|
// readyState
|
|||
|
|
// 用promise封装ajax
|
|||
|
|
const getJSON = function(url) {
|
|||
|
|
const promise = new Promise(function(resolve, reject){
|
|||
|
|
const handler = function() {
|
|||
|
|
console.log(this.readyState)
|
|||
|
|
console.log(this.status)
|
|||
|
|
if (this.readyState !== 4) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (this.status === 200) {
|
|||
|
|
resolve(this.response);
|
|||
|
|
} else {
|
|||
|
|
reject(new Error(this.statusText));
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const client = new XMLHttpRequest();
|
|||
|
|
client.open("GET", url);
|
|||
|
|
client.onreadystatechange = handler;
|
|||
|
|
client.responseType = "json";
|
|||
|
|
client.setRequestHeader("Accept", "application/json");
|
|||
|
|
client.send();
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
return promise;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
// readystate 的五种状态
|
|||
|
|
// 0 － （未初始化）还没有调用send()方法
|
|||
|
|
// 1 － （载入）已调用send()方法，正在发送请求
|
|||
|
|
// 2 － （载入完成）send()方法执行完成，已经接收到全部响应内容
|
|||
|
|
// 3 － （交互）正在解析响应内容
|
|||
|
|
// 4 － （完成）响应内容解析完成，可以在客户端调用了
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
getJSON("/posts.json").then(function(json) {
|
|||
|
|
console.log('Contents: ' + json);
|
|||
|
|
}, function(error) {
|
|||
|
|
console.error('出错了', error);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
async function login(){
|
|||
|
|
http("./login.php").then((res)=>{
|
|||
|
|
console.log(res)
|
|||
|
|
})
|
|||
|
|
var res=http("./login.php")
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|