1、创建xhr对象
const xht=new XMLHttpRequest();
2、监听事件,处理响应(当获取到响应后,会触发xhr的readystatechange事件)
xhr.onreadystatechange=()=>{
if(xhr.readyState! == 4) return; //还未准备好
if(xhr.status>=200&&xhr.status<300||xhr.status===304){ //200,304表示http状态码
console.log(xhr.responseText)
}
};
3、准备发送请求(并不会真正发送请求)
xhr.open('http方法get、post、put、Delete','地址URL',true) //true表示异步
4、发送请求(通过请求体携带参数)
xhr.send(数据);//get方式数据填null
ajax的基本用法
转载本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
【ajax】 $.ajax()的基本用法
$.ajax()用法以及参数
ajax jquery -
jquery中ajax的ajax方法的用法
B页面 cript" src="jquery/jquery-1.4.js"> cript" > $(document).ready(function(){ $(":button").click(function(){ var ss = $.ajax({ /*地址路径*/ url:"a.jsp", /*异步请求*/ async:false });
ajax的使用方法 jquery中的ajax jquery中的ajax异步调用 jquery异步传输 ajax -
ajax 基本格式
function modaldemo() { $.ajax({ url: 'modaldemo', type: 'post', headers .
ajax javascript 前端 json ide