XMLHttpRequest

what

XMLHttpRequest 对象用于在后台与服务器交换数据

why

在不重新加载页面的情况下更新网页
页面已加载后从服务器请求数据
页面已加载后从服务器接收数据
后台向服务器发送数据

how

常用事件:
ajax.onreadystatechange:表示AJAX异步对象不断监听服务端的响应(注: 由服务器程序触发而不是程序员触发)

readyState属性一共有四种取值:

  • ajax.readyState==0,ajax异步已创建好,但没有调用open()方法
  • ajax.readyState==1,ajax异步对象已调用open()方法,但没有调用send()方法
  • ajax.readyState==2,ajax异步对象已调用send()方法,但请求没有到服务器端
  • ajax.readyState==3,服务器已收到ajax的请求,正在处理响应
  • ajax.readyState==4,ajax已接收到服务器的响应信息,但数据不一定都正确

这几种状态只有状态4每个浏览器都相同
ajax.status==200,表示ajax异步对象接收到响应码,一切正常
ajax.responseText,从ajax异步对象中获取HTML载体中的数据
ajax.responseXML,从ajax异步对象中获取XML载体中的数据

方法
ajax.open(method,url,true/false);

method:表示以get或post方式发送 URL:发送到哪里 true/false:如果为true表示以异步的方式提交到服务器,false的话以同步的方式提交到服务器

相关文章

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
AJAX 每日更新前端基础,如果觉得不错,点个star吧 😃 https://github.com/WindrunnerMax/E...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈。 为了防止...
需要在服务器上进行哈 jquery的ajax方法: // jquery请求 $.ajax({ url: "./server/slider.js...
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...