Ajax 简介

Posted zhangzonghua

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ajax 简介相关的知识,希望对你有一定的参考价值。

1.AJAX 原理

  ajax可以发送异步请求和接受响应,在通过js 修改页面内容

  异步请求:在不销毁页面的请求下向服务端发送请求,局部修改页面

2.获取Ajax 对象

  function getXHR(){

  var xhr=null;

  if(window.XMLHttpRequest()){

  xhr=new XMLHttpRequest();

  } else{xhr=new ActiveXObject(‘MIcrosoft.XMLHttp‘)}

  }

 3. Ajax 对象的属性方法


abort() 取消请求
getAllResponseseHeaders() 获得响应的所有HTTP 头
getResponseHeaders() 获取响应的HTTP 头
send() 发送请求
setRequestHeader() 指定请求的HTTP头
onreadystatechange() ajax对象发生任何状态变化时的事件 控制对象
readyState: 请求状态: 0.尚未初始化 --open-- 1. 正在发送请求 ---send()--- 2.请求完成(服务端接收到请求)--response---
3.ajax正在接收response的数据 4.接收完成(ajax接收数据成功)

responseTest() 获取服务器response返回的文本,如果传对象使用 json
status: 200 接收成功
202 请求已接收但处理未完成
400 错误请求
404 请求资源未找到
500 内部的服务器错误,通常是服务端的代码有异常

使用Ajax 发送异步请求

1. 获取ajax 对象
2. onreadystatechange=function 对象 绑定函数,当readystate 也就是请求发生变化时,调用该函数
绑定的函数 通过readyState、status 执行对应的逻辑,响应的数据可以通过responseText responseXml 属性获取
3. 创建请求 open("请求方式","地址","是否异步") arg1:get/post arg2:url arg3:boolean
4. setRequestHeader() 设置请求头,请求必须设置 application/x-www-form-urlencoded 表示提交表单数据(默认为text/html
5. send() 如果是post 请求可以在里面写参数,get 请求在open里的url 写参数























以上是关于Ajax 简介的主要内容,如果未能解决你的问题,请参考以下文章

Ajax简介

AJAX简介

AJAX 简介

Ajax简介

Ajax简介

Ajax 简介 | AJAX 教程