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

Ajax 简介

时间:2018-04-06 23:45:04      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:服务器错误   open   提交   win   指定   页面   控制   bool   orm   

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 简介

标签:服务器错误   open   提交   win   指定   页面   控制   bool   orm   

原文地址:https://www.cnblogs.com/zhangzonghua/p/8729006.html

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