XMLHttpRequest对象

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

 

转载于:https://www.cnblogs.com/gaoxuerong123/p/7580191.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值