不借助jquery封装好的ajax,你能手写ajax框架吗?最基础的ajax框架,一起来围观吧。

、创建XMLHttpRequest对象

var xhr = new XMLHttpRequest();

、设置open参数

xhr.open("GET", "Ajax.ashx?id=" + id, true);

//第一个参数可取值get或post;

第二个参数为请求的路径;

第三个参数为是否采用异步,使用ajax绝对是true的啦。

、注册回调函数
xhr.onreadystatechange = function() {
if (xhr.readyState == ) {//注意此处的readyState的大小写,写错了,就没效果了哦 if (xhr.status == ) { ///判断服务器返回的状态码是否为200,如果不是,则可能服务器出现了不测
var res = xhr.responseText;//接收返回的效果
document.getElementById("showcontext").innerHTML = res; //将返回的结果赋值 }
}
} 、发送
xhr.send(null); PS:如果第2步的第一个参数为post的话,其后的路径就不带“?”的参数啦,在第二步之后加一句: xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");//设置请求报文头 第4步改为 xhr.send("txtName=ss&txtpwd=123");//参数名=参数值

ok,完成了。

最新文章

  1. python 面向对象初级篇
  2. HTML5进阶段内联标签汇总(小篇)
  3. Xperf Basics: Recording a Trace (the easy way)(转)
  4. 关于 Enum.TryParse 方法的一个小坑…
  5. C#设计模式——生成器模式(Builder Pattern)
  6. chromium浏览器开发系列第四篇:如何调试最新chromium源码
  7. ubuntu下卸载vmware
  8. Jsoup:解决java.net.UnknownHostException的问题
  9. 线程池(C#)
  10. 一个资深java面试官的“面试心得”
  11. UVA 10308 Roads in the North
  12. Redis-误操作尝试恢复
  13. register关键字
  14. 【原创】hdu 1166 敌兵布阵(线段树→单点更新,区间查询)
  15. 通过$broadcast或$emit在子级和父级controller之间进行值传递
  16. spring-boot与spring-data-JPA的简单整合
  17. 开源HIS之C/S选型
  18. 【转】form data和request payload的区别
  19. Edit Distance leetcode java
  20. Android拦截外拨电话

热门文章

  1. Part 32 Abstract classes in c#
  2. JavaScript之聊天室设计摸拟
  3. 入门必须掌握8个DOS命令
  4. C#中 StringBuilder类 与 String类的区别---(转)
  5. hdu 1963 Investment 多重背包
  6. 洛谷 P3374 【模板】树状数组 1
  7. IOS基础之设置APP的名字、设置图标、添加等待加载时的图片
  8. javascript面向对象--自定义类型
  9. php读取html并截取字符串
  10. Linux下ThinkPHP网站目录权限设置