不借助jquery封装好的ajax,你能用js手写ajax框架吗
2013-07-19 09:47
253 查看
不借助jquery封装好的ajax,你能手写ajax框架吗?最基础的ajax框架,一起来围观吧。
ok,完成了。
1、创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); 2、设置open参数 xhr.open("GET", "Ajax.ashx?id=" + id, true); //第一个参数可取值get或post; 第二个参数为请求的路径; 第三个参数为是否采用异步,使用ajax绝对是true的啦。 3、注册回调函数 xhr.onreadystatechange = function() { if (xhr.readyState == 4) {//注意此处的readyState的大小写,写错了,就没效果了哦 if (xhr.status == 200) { ///判断服务器返回的状态码是否为200,如果不是,则可能服务器出现了不测 var res = xhr.responseText;//接收返回的效果 document.getElementById("showcontext").innerHTML = res; //将返回的结果赋值 } } } 4、发送 xhr.send(null); PS:如果第2步的第一个参数为post的话,其后的路径就不带“?”的参数啦,在第二步之后加一句: xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");//设置请求报文头 第4步改为 xhr.send("txtName=ss&txtpwd=123");//参数名=参数值
ok,完成了。
相关文章推荐
- 还在为需要ajax而导入jquery吗? 纯js封装ajax操作
- jQuery Ajax通用js封装
- 原生js实现对Ajax的封装(仿jquery)
- 原生js实现对Ajax的封装(模仿jquery)
- 还在为需要ajax而导入jquery吗? 纯js封装ajax操作
- ajax的js插件封装
- jQuery封装的Ajax方法
- 【mvc】——jquery.fom.js的核心方法ajaxsubmit实例
- jQuery的ajax对WebApi和OData的封装
- jquery validate 及追加html 前端封装JS对象 后台@ReqesutBody 对象即拿到数据
- 0.jquery 验证,以及显示出现错误的地方 1.当用jquery.validate与ajax时候特别小心在每句后面的逗号问题,如果不需要的地方加上逗号会造成页面无法进入js验证
- 下拉框自动完成(autocomplete)带有分页功能SutaraLumpur-jquery.ajaxComboBox.js的使用
- js实现对ajax请求面向对象的封装
- jquery的选择器$('')在IE6下对JS动态生成(比如ajax生成的)的元素失效的解决办法
- js与jQuery实现的兼容多浏览器Ajax请求实例
- jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
- Js之AJAX简易封装
- 原生js方式实现ajax,并仿jquery方式简单调用
- 简单的百度预测搜索功能(php+jQuery+js+ajax)
- 李炎恢教程/妙味课堂javaScript/jQuery/js/Ajax全套视频