同步与异步区别
同步:按顺序,依次执行,向服务器发送请求-->客户端做其他操作
异步:分别执行,向服务器发送请求==>同时执行其他操作
原生ajax
创建ajax对象
var a=new xmlhttprequest();
设定数据的传输方式(get、post),打开连接(open())
ajax对象.open("method","url","同步false/异步true")
获得响应数据
属性 | 描述 |
onreadystatechange | 当readystate改变时就会调用该函数 |
responsetext | 获得字符串形式的响应数据 |
responsexml | 获得xml的形式的响应数据 |
readystate | 0:请求未初始化1:服务器连接已建立2:请求处理中3:请求处理中4:请求已完成,且响应已就绪 |
status | 200:ok404:未找到页面 |
发送https请求:ajax.send()
代码:
<button>获取ajax</button>
<div></div>
<script>
document.getElementsByTagName("button")[0].onclick=function(){
//创建ajax对象
var ajax=new XMLHttpRequest();
//请求地址
ajax.open("get","http://127.0.0.1:5500/work4.html",false);
//获得响应数据
ajax.onreadystatechange=function(){
//判断请求是否正常运行
if(ajax.readyState==4&&ajax.status==200){
//赋值到当前页面
document.getElementsByTagName("div")[0].innerHTML=ajax.responseText;
}else{
alert("没请求成功")
alert(ajax.readyState)
alert(ajax.status)
}
}
//发送请求
ajax.send()
}
</script>