12.Ajax

本文详细介绍了Ajax技术的工作原理及其在Web应用中的实现方式。通过使用XMLHttpRequest对象,Ajax能够实现页面局部更新而无需重新加载整个页面,从而提升用户体验。文章还讨论了如何创建请求、处理响应及解决编码问题。
摘要由CSDN通过智能技术生成

Ajax:异步的JavaScript和Xml

Ajax是一种改善用户体验的技术,其实质是,使用XMLHttpRequest对象异步地向服务器发请求

服务器返回部分数据,而不是一个完整的页面,以页面无刷新的效果更改页面中的局部内容

如何获得Ajax对象
function getXhr(){
  var xhr = null;
  if(window.XMLHttpRequest){
  }else{
        xhr=new ActiveXObject('Microsoft,XMLHttp');
        }return xhr;
}
属性/方法说明
abort()取消请求
getAllResponseHeaders()获取响应的所有Http头

getResponseHeader()

获取指定的Http头
open(method,url)创建请求,method请求类型get post

send()

发送请求
setRequestHeader()指定请求的Http头
onreadystatechange发生任何状态变化时的世界控制对象
readyState

请求的状态

0尚未初始化

1正在发送请求

2请求完成

3请求成功,正在接受数据

4数据接受成功

responseText服务器返回的文本
responseXML服务器返回的xml,可以当做DOM处理
status

服务器返回的http请求响应值常用的有

200表示请求成功

202请求被接受但处理未完成

400错误的请求

404资源未找到

500内部服务器错误,如代码错误等

Ajax的应

输入的值需要效验,如检测注册的用户名是否已被占用搜索时出现的自动提示列表

级联显示

数据录入和列表显示在同一个页面

不需要刷新的翻页

编码和解码不同会产生乱码

所有浏览器提供的ajax对象对请求参数使用utf-8进行编码

服务器默认使用iso-8859-1去解码


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值