AJAX--XHR对象
2017-01-08 20:20
281 查看
引言:
最近在学习ssh,在页面中有一段js代码,师傅问知道啥意思不,答:不知道;虽然学过了AJAX,对里面的很多知识还是了解地很浅、知道地也很少。所以再来学习总结一下。介绍:
XHR是XMLHttpRequest的简写,XMLHttpRequest用于在后台与服务器交换数据(在不重新加载整个网页的情况下,对网页的某部分进行更新)。现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。
创建XHR对象
var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
向服务器发送请求:
需要将请求发送到服务器,使用XHR对象的open()和send()方法xmlhttp.open("GET","test1.txt",true); xmlhttp.send();方法:
open(method,url,async)
规定请求的类型、URL 以及是否异步处理请求。 method:请求的类型;GET 或 POST url:文件在服务器上的位置 async:true(异步)或 false(同步) |
将请求发送到服务器,string仅用于post请求
GET 还是 POST?
与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
然而,在以下情况中,请使用 POST 请求:
1、无法使用缓存文件(更新服务器上的文件或数据库)
2、向服务器发送大量数据(POST 没有数据量限制)
3、发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠
三个重要属性:
属性 | 描述 |
---|---|
onreadystatechange | 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。 |
readyState | 存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。 0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成,且响应已就绪 |
status | 200: "OK" 404: 未找到页面 |
readyState属性存有XMLHttpRequest的状态信息。
当readyState等于4且状态为200时,表示响应已就绪
xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } }
总结:
学习是一个反复的过程,发现自己薄弱的地方然后补充能量,fighting!相关文章推荐
- rocketmq原理:name server ,broker, producer, consumer之间通信
- 我的2016书单以及为2017年准备的书单
- redis3.0.7源码阅读(一)源码文件
- jdk1.8更新
- Python 库大全
- Spring对象生命周期控制
- Good Bye 2016D. New Year and Fireworks(dfs)
- jquery 全选、反选、即点即改
- 【CSS基础】css三角提示框
- 再续js打印图形
- 多项式相乘问题(模拟)
- Cooja 中自定义 Java Mote 使用 Collect-View
- QT_校园导航Update
- 【CSS基础】css三角提示框
- 初识 Eclipse
- 写标流程学习总结
- 数据结构------------线性表
- Java多线程——Executors和线程池
- Razor视图引擎和HtmlHelper的使用意义
- struct sock_addr 和struct sock_addr_in的区别与联系