ajax处理全过程总结
来源:互联网 发布:淘宝客返利api 编辑:程序博客网 时间:2024/06/06 12:39
function getXmlHttpRequest(){var xhr=null;if((typeof XMLHttpRequest)!='undefined'){xhr=new XMLHttpRequest();}else{xhr=new ActiveXObject('Microsoft.XMLHttp');}return xhr;}
一、获取XmlHttpRequest对象
二、发送请求(to server)
1、get请求
var xhr = getXmlHttpRequest(); /* open(请求方式,请求地址,同步/异步) * 请求方式: get/post * 请求地址:如果是get请求,请求参数添加到地址乊后。 * 比如 check_user.do?username=zs * 同步/异步:true表示异步。*/ xhr.open('get','check_user.do',true); /* 注册一个监听器(即当xhr的状态发生改变产生了readystatechange事件, * 该事件会由f1函数来处理。我们需要在f1函数里面获得服务器返回的数据, * 然后更新页面) */ xhr.onreadystatechange=f1; /* 只有调用send方法乊后,请求才会真正发送 */ xhr.send(null);
2、post请求
var xhr = getXmlHttpRequest(); xhr.open('post','check_username.do',true); //必须添加一个消息头content-type xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); xhr.onreadystatechange=f1; xhr.send('username=xiaoming');
三、服务器处理请求
四、处理服务器的响应
xhr.onreadystatechange=f1; function f1(){ //。。。}或者
xhr.onreadystatechange=function(){ //编写相应的处理代码 if(xhr.readyState == 4){ //只有readyState等亍4,xhr才完整地接收到了服务器返回的数据。 //获得文本数据 var txt = xhr.responseText; //获得一个xml dom对象。 var xml = xhr.responseXML; //dom操作、更新页面 } };
0 0
- ajax处理全过程总结
- Struts处理请求全过程
- Struts处理请求全过程
- Struts处理请求全过程
- Struts处理请求全过程
- struts处理请求全过程
- Ajax中文处理乱码问题总结
- jquery中ajax请求全过程
- 总结创建窗口全过程
- 【总结】pb打包全过程
- 总结创建窗口全过程
- 【总结】pb打包全过程
- 采购全过程的科目处理
- 配置CPU caffe全过程总结
- ajax处理中文请求和返回中文结果总结
- ajax实现文件上传以及后台servlet中的处理总结
- struts2的处理请求的全过程是什么
- 【Ajax】Ajax总结
- Qt头文件中的QT_BEGIN_NAMESPACE
- android 滑动欢迎界面
- Windows远程桌面(mstsc)通过RDP协议访问Ubuntu
- kmalloc分配内核堆空间
- 用户登录过滤器
- ajax处理全过程总结
- UITableView 滚动流程性优化
- Qt: No such file or directory
- ios 图片拉伸
- 2013年中国手机打车应用市场研究报告
- android驱动之旅-下载编译Linux Kernel 源代码 for Android 以及android源码(2)
- 浏览器中关于事件的那点事儿
- c++中构造函数
- JAVA String.format 方法使用介绍