Ajax学习 创建异步对象的四大步骤 创建——绑定——初始化——发送请求 //一般讲数据处理放在第二步 “绑定” ，也可以放在其他地方。 //异步对象中存在回调机制：即当请求的状态发生变化时，异步对象就会自动调用onreadystatechange事件对应的函数。即readyState值只要变化，就 ...
分类：
Web程序 时间：
2021-07-02 15:43:11
阅读次数：
0
ajax原生写法 一.get写法 //创建对象 let xhr = new XMLHttpRequest() xhr.open('get',"url?name=&age=") //查询字符串 xhr.send(null) 请求体 xhr.onreadystatechange = function() ...
分类：
Web程序 时间：
2021-01-19 12:06:29
阅读次数：
0
//第1步：创建异步请求对象xhrvar xhr = new XMLHttpRequest(); //第2步：注册事件监听，xhr通过监听服务器返回结果时的状态值，判断此次返回的结果是否可用 xhr.onreadystatechange=function(){ if(xhr.readyState== ...
分类：
Web程序 时间：
2020-07-07 22:14:28
阅读次数：
88
一. onreadystatechange 1. XMLHttpRequest对象有一个属性readyState，将其(xhr.readyState)打印后发现。进入onreadystatechange请求方式中时，可以打印其状态为2，状态为3，状态为4。 <button id="btn">请求纯文 ...
分类：
Web程序 时间：
2020-03-25 13:18:08
阅读次数：
307
AJAX完全依赖于XMLHttpRequest对象 GET请求 // 创建xhr对象 var xhr = new XMLHttpRequest(); // 监听xhr对象 xhr.onreadystatechange = function() { if (xhr.readyState == 4) { ...
分类：
Web程序 时间：
2020-03-05 13:46:19
阅读次数：
89
AJAX传输 例：const xhr = new XMLHttpRequest(); // 此方法因为状态改变被调用多次，实测执行三次（1->2->4） xhr.onreadystatechange = () => { if (xhr.readystate 4 && xhr.status 200) ...
分类：
Web程序 时间：
2020-02-22 15:40:13
阅读次数：
97
Ajax是啥?Ajax是允许客户端与服务端通信而无需刷新当前页面的一种技术,不是一种语言。 如何完成一个完整的Ajax交互？交互分三步：创建Ajax对象：XMLHttpRequest对象（XMLHttpRequest对象是Ajax的基础）发送请求：1.onreadystatechange事件处理函数 ...
分类：
Web程序 时间：
2020-02-08 00:09:38
阅读次数：
98
onreadystatechange事件中获取相应内容 var xhr = new XMLHttpRequest() console.log(xhr.readyState) // => 0 // 初始化 请求代理对象 xhr.open('GET', 'time.php') console.log(x ...
分类：
Web程序 时间：
2020-02-06 20:08:35
阅读次数：
94
document.onreadystatechange = Onload;//当页面加载状态改变的时候执行这个方法. function Onload() { if(document.readyState =='complete') //当页面加载状态 alert('加载完毕'); } ...
分类：
Web程序 时间：
2020-01-20 14:36:17
阅读次数：
96
function ajax(url){ const p=new Promise((resolve,reject)=>{ const xhr=XMLHttpRequest() xhr.open('GET','/data/test.json',true) xhr.onreadystatechange=f ...
分类：
Web程序 时间：
2020-01-19 23:57:06
阅读次数：
152
