<!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>
<form action="" method=""></form>
<!-- 同步:
上一个任务结束下一个开始
比如alert弹窗,登录注册流程
异步:
按顺序开始不一定按顺序结束
比如 图片加载,上传下载等任务 -->
</body>
<script>
// 1.原生ajax
// 创建ajax 4 步
// 1.1 新建
var xhr = new XMLHttpRequest();
// 1.2 配置
//xhr.open(请求方式,请求地址,是否异步)
var url = ' http://jsonplaceholder.typicode.com/comments'
xhr.open('get',url)
// 1.3响应
xhr.onreadystatechange = function (){
//console.log(xhr.readyState);
if(xhr.readyState===4){
console.log(xhr.responseText);
var arr= JSON.parse(xhr.responseText)
arr.forEach(function(item){
var h3 = document.createElement("h3")
h3.innerHTML = item.title
var p = document.createElement("p")
p.innerHTML = item.body
document.body.appendChild(h3)
document.body.appendChild(p)
})
}
}
//1.4发送
xhr.send()
console.log(123123);
AJAX({
type :'get',
url : 'http://jsonplaceholder.typicode.com/comments',
data :{postId:1},
isAsync:false,
success: function(yes){console.log("yes");},
error : function(error){console.log("error");}
})
</script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
</script>
</html>