浅谈ajax(1)

1、什么是ajax
  异步的JavaScript 和XML

  xml:可扩展的标记语言 数据的传输和存储
  json:数据的传输和存储 轻量级的数据交换格式

2、ajax的作用
  1、提高了运行的效率

  2、提高用户体验

  3、无刷新动态加载数据


3、应用的场景
  1、表单验证

  2、无刷新动态加载数据

  3、懒加载

4、ajax的请求流程

   ajax
   1、创建xml

   2、xml.open()

   3、xml.send()

   4、监听ajax的状态和服务器的状态
 

  0-未初始化,尚未调用open()方法

  1-启动,调用open()方法,未调用send()的方法

  2-发送,已经调用send()方法,未接受到响应

  3-接受,已经接受到部分响应数据

  4、完成,已经接受到全部响应数据

  1、当创建xml对象的时候是 0
  2、打开或者发送的时候状态是1
  3、监听的时候状态是 2 3 4

xml.status:服务器状态

  100:客户端必须发送请求

  200:成功

  300:重定向

  500:服务器错误

  404:客户端错误



var xml = new XMLHttpRequest() || new ActiveXObject("Microsoft,XMLHTTP");

  参数1:请求的方式
  参数2:请求的地址
  参数3:是否异步 默认true 异步


xml.open("get","http://localhost/ajax/login.php?name="+encodeURI("赵亚华"),true);//第三个参数 true异步 false同步

  xml.send();发送

  监听ajax状态:xml.readyState:0 1 2 3 4

  和服务器的状态:xml.status 200成功
  xml.onreadystatechange = function(){

  if(xml.readyState == 4 && xml.status == 200){
  document.write(xml.responseText)
  }
  }

猜你喜欢

转载自www.cnblogs.com/icebluewind/p/9051169.html