Ajax全套
2021-06-30 09:04
标签：控件 数据 pos orm cti 信息 span obj view AJax是相对于Form表单而言的，提交时可以偷偷想后台发数据，偷偷向后台发数据，页面不刷新； jquery和Ajax关系： Jquery没有Ajax功能，它之所以可以调用Ajax向服务端提交数据，是因为Jquey封装了原生Ajax的代码 使用原生Ajax的优势： 使用Ajax直接使用JS的XMLHttp Request对象， 无需引入Jquery了。这样响应客户端携带信息量减少，可节省流量。 Ajax主要就是使用 【XmlHttpRequest】对象来完成请求的操作，该对象在主流浏览器中均存在(除早起的IE)，Ajax首次出现IE5.5中存在（ActiveX控件）。 XmlHttpRequest对象的主要方法： XmlHttpRequest对象的属性： 使用XmlHttpRequest对象发送 GET请求 使用XmlHttpRequest对象发送 POST请求 博客链接：http://www.cnblogs.com/wupeiqi/articles/5703697.html Ajax全套 标签：控件 数据 pos orm cti 信息 span obj view 原文地址：http://www.cnblogs.com/sss4/p/7137032.htmlAjax是什么？
XMLHttp Request对象
XmlHttpRequest.open("请求方法","请求的url",是否执行回调函数？)
send用户发送请求
在请求体里
setRequestHead()
在请求头里设置数据
getRespnseHeaders()
获取所有响应头数据
getRespnseHeader(响应头)
获取响应头中指定得header对应值
abort 终止请求
bj.readyState XMLHttpResposr的状态
0：未初始化，尚未调用open方法
1：启动调用了open方法
2：发送已经调用了send方法
3：接收状态（已经接收了部分数据）
4：完成（接收完毕服务端响应的数据）
只要对象的ready State改变就会执行该函数
xhr.onreadystatechange=function () {
}
obj.responseText 服务端返回的数据（字符串类型）
obj.responseXML 服务端返回的数据（XML对象）
obj.number states 服务端返回的状态码
obj.response stateText 服务端返回的状态信息
function add1() {
{# 得到一个XMLHttpRequest对象 xhr #}
var xhr=new XMLHttpRequest();
{# open打开一个http连接到指定url XMLHttpRequest请求#}
xhr.open(‘get‘,‘/add1/?i1=18&name=张根 ‘)
{# 设置请求体的数据#}
xhr.send()
{# XMLHttpRquest的状态改变这个函数的状态就会执行jquryAjax中的success回调函数就是基于此#}
xhr.onreadystatechange=function () {
if(xhr.readyState==1){console.log("对象未调用open方法")}
if(xhr.readyState==2){console.log("请求发送")}
if(xhr.readyState==3){console.log("接收中")}
if (xhr.readyState == 4) {console.log(xhr.responseText)}}
}
上一篇：http协议详解