我们这里使用HTML5的新特性datalist实现输入框的自动下拉提示，用datalist通过id与input关联起来，在搜索时就会出现下拉框。下面是HTML代码。 下面是js部分，使用的原生ajax，异步请求方式 onreadystatechange事件处理函数：该函数由服务器触发而不是用户，每次 ...
分类：
Web程序 时间：
2018-11-12 01:17:11
阅读次数：
305
//创建xhr对象 var xhr = new XMLHttpRequest(); //异步接受响应 xhr.onreadystatechange = function () { if (xhr.readyState == 4) { if (xhr.status == 200) { //实际操作 / ...
分类：
Web程序 时间：
2018-10-30 17:35:13
阅读次数：
154
onreadystatechange responseText将响应信息作为字符串返回。 responseXML将响应信息作为XML文档返回。 send发送请求到http服务器并返回。 setRequestHeader单独制定请求的某个http头 status返回当前请求的http状态码 ready ...
分类：
Web程序 时间：
2018-10-19 23:49:03
阅读次数：
351
Asynchronous JavaScript and XML 1. XMLHttpRequest 前端开发都知道,不多说。 JavaScript var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () { if (x ...
分类：
Web程序 时间：
2018-10-19 22:04:41
阅读次数：
187
一、同步加载与异步加载的区别 同步加载：每次请求，必定重新加载响应回来一整张界面。 异步加载：使用ajax发送请求给服务器，响应数据时，在浏览器层面通过js技术把结果显示出来。 步骤：1）创建XMLHttpRequest对象。 2）设定onreadystatechange属性的回调方法。 3）调用o ...
分类：
其他好文 时间：
2018-10-09 21:44:22
阅读次数：
181
当请求被发送到服务器时，我们需要执行一些基于响应的任务。 每当 readyState 改变时，就会触发 onreadystatechange 事件。 readyState 属性存有 XMLHttpRequest 的状态信息。 下面是 XMLHttpRequest 对象的三个重要的属性： 存有 XML ...
分类：
其他好文 时间：
2018-08-26 20:50:11
阅读次数：
226
var oFrm = document.getElementById('Iframe4'); oFrm.onload = oFrm.onreadystatechange = function () { if (this.readyState && this.readyState != 'comple... ...
分类：
其他好文 时间：
2018-08-23 19:24:41
阅读次数：
155
原生js实现Ajax方法： 注释： 1.open(method, url, async) 方法需要三个参数: 2.send() 方法可将请求送往服务器。 3.onreadystatechange：存有处理服务器响应的函数，每当 readyState 改变时，onreadystatechange 函数 ...
分类：
Web程序 时间：
2018-08-22 21:55:28
阅读次数：
171
ajax:请求 响应 js //创建ajax对象 var xhr=new XMLHttpRequest(); //监听ajax状态 xhr.onreadystatechange=function(){ if(xhr.readyState == 4){ console.log(xhr.response ...
分类：
Web程序 时间：
2018-07-21 16:57:30
阅读次数：
821
mybutton.addEventListener('click', (e) => { let request = new XMLHttpRequest() request.onreadystatechange = () => { if(request.readyState === 4) { con... ...
分类：
Web程序 时间：
2018-06-16 10:34:14
阅读次数：
224
