码迷,mamicode.com
首页 > Web开发 > 详细

XMLHttpRequest对象

时间:2017-09-23 12:24:37      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:jquery   就会   post请求   log   stat   image   页面   变化   .com   

1.将请求发送到服务器,我们使用XMLHttpRequest对象的open()和send()方法。

1.1    open(method,url,async)

method:请求的类型:post或get;

url:文件在服务器上的位置;

async:true(异步)false(同步)

1.2    send(string)

将请求发送到服务器;

string:仅用于post请求;

2.获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。

2.1 responseText  获得字符串形式的响应数据。

2.2 responseXML 获得XML形式的响应数据。

3.onreadystatechange事件

当请求发送到服务器,我们需要执行一些基于响应的任务。

每当readyState改变时,就会触发onreadystatechange事件。

readyState属性存有XMLHttpRequest的状态信息。

下边是XMLHttpRequest对象的三个重要的重要属性。

3.1    onreadystatechange:存储函数,每当readyState属性改变时,就调用该函数;

3.2    readyState: 存有XMLHttpRequest的状态。从0-4变化;

0:请求未初始化;

1,:服务器链接已经建立;

2:请求已经接收;

3:请求处理中;

4:请求已经完成,响应已经就绪;

3.3    status:             200:"ok"                 404:未找到页面

onreadystatechange 事件被触发 5 次(0 - 4),对应着 readyState 的每个变化。

重要:ajax请求数据步骤:

1.创建 XMLHttpRequest 对象

2.创建http请求

3.服务器响应

4.如果readyState==4 && status==200

5.得到数据

6.前台渲染数据

4.ajax的方法有:open()  send()          SetRequestHeader()        getAllResponseHeaders()                  getResponseHeader()

属性有:readyState  Onreadystatechange       status    statusText            responseText    responseXML

5.jquery的ajax方法:

技术分享

技术分享

 

参考内容http://www.w3school.com.cn/ajax/index.asp

http://www.chijianfeng.com/web/Js/138.html

http://www.runoob.com/jquery/jquery-ref-ajax.html

 

XMLHttpRequest对象

标签:jquery   就会   post请求   log   stat   image   页面   变化   .com   

原文地址:http://www.cnblogs.com/gaoxuerong123/p/7580191.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!