关于ajax

1. 什么是ajax

  asynchronous :异步 synchronous同步

  javascript :核心技术还是javascript

  xml:主要保存和传输数据

  直译:异步的javascript和xml

  就是可与服务器进行异步或者同步交互一门技术.

  同步交互:指一个时间段内只能有一个进程在执行.

  异步交互:指一个时间段内可以有多个进程在执行

  Ajax特点:无刷新(用户体验比较好)

  使用ajax的好处:一个时间段内可以有多个进程在执行

2.创建ajax对象 

  主流浏览器(google,火狐,猎豹,360,高版本的IE(8以上)):

  var xhr=new XMLHttpRequest();重点掌握

  低版本的IE浏览(IE6,IE7,IE8):(了解下)

  var xhr=ActiveXObject(‘Microsoft.XMLHTTP‘)

  更低版本的IE浏览器创建ajax对象的方式:

  //更低版本IE浏览器(IE5,IE4)

  var xhr=ActiveXObject(‘Msxml2.XMLHTTP‘)

  var xhr=ActiveXObject(‘Msxml3.XMLHTTP‘)

封装创建ajax对象的函数

  

  function Xhr(){
    try{
    return new XMLHttpRequest();
    }catch(e){

    }
  
    try{
    return new ActiveXObject("Microsoft.XMLHTTP");
    }catch(e){

    }

    alert("请更换浏览器");
    }
  var a =Xhr();
  alert(a);

3.常用方法

  open(menthod,url,saync)建立一个http链接

  method:请求的方法,get/post

  url:请求的URL地址

  async:是否异步请求,认为true(异步),false(同步)

  send(content):发送一个Http请求

  content:发送请求的数据

    如果是get请求content直接写null

    如果是post请求要拼接字符串,形如name=xiaoming&age=20

  setRequestHeader(header,value)设置请求头

  header:请求头名称

  value:请求头的值

  abort:终止一个ajax请求 

常用属性:

  readyState:ajax请求的状态,有五个值0,1,2,3,4

  0:初始化对象还没有调用open()方法

  1: 已经调用open()方法 .还没有调用send()方法

  2:已经调用了send()方法

  3.已经开始接受服务器返回来的数据,但是不完整.

  4:完全接收服务器返回来的数据,请求完毕

  onreadystatechange :

    可以监听ajax状态的一个改变 只能监听1,4状态,因为状态0没有一个相对变化的过程.

  status :http响应状态码

    200:ok 404:not found 304 :not modified,5XX(一般都是服务器相关的错误)

  responseText :

    接收服务器返回来的字符串数据.(html.css,js). PHP echo ‘fasfd‘;

  responseXML :

    接收服务器返回来的xml数据. PHP: echo $xml;

相关文章

IE6是一个非常老旧的网页浏览器,虽然现在很少人再使用它,但...
PHP中的count()函数是用来计算数组或容器中元素的个数。这个...
使用 AJAX(Asynchronous JavaScript and XML)技术可以在不...
Ajax(Asynchronous JavaScript and XML)是一种用于改进网页...
本文将介绍如何通过AJAX下载Excel文件流。通过AJAX,我们可以...
Ajax是一种用于客户端和服务器之间的异步通信技术。通过Ajax...