AJAX

一、AJAX

列表项目

1.什么是AJAX?
AJAX(Asynchronous JavaScript And XML),异步的JavaScript和XML
2.AJAX可以做什么?
AJAX实现页面的局部刷新;
AJAX技术实质上是利用XMLHttpRequest对象向服务器发送请求的;

3.创建XMLHttpRequest对象
Internet Explorer浏览器
var 变量名称 = new ActiveXObject("Microsoft.XMLHttp")
Chrome、Firefox等
var 变量名称 = new XMLHttpRequest()
4.XMLHttpRequest对象
open()方法

描述:准备与服务器建立连接
语法:XMLHttpRequest对象.open(string method,string url)

setRequestHeader()方法
send()

描述:发送HTTP请求
语法:XMLHttpRequest对象.send([string content])
说明: content参数在请求方式为post时,为必选参数;

onreadystatechange属性

描述:代表XHR的状态发生改变时自动调用
语法:XMLHttpRequest对象.onreadystatechange = 函数名称

readyState属性

描述:获取XMLHttpRequest对象当前的状态
语法:int XMLHttpRequest对象.readyState
说明:XHR的状态有:
    0,初始化,对象已创建完毕;
    1,准备建立连接(调用open()方法);
    2,请求已发送(调用send()方法);
    3,服务器处理中
    4,服务器成功返回信息

responseText属性

描述:获取服务器的响应信息
语法:string XMLHttpRequest对象.responseText

status属性

描述:获取服务器响应的HTTP状态码
语法:int XMLHttpRequest对象.status

二、jQuery AJAX
简写的方法
$.get()
描述:以GET方式向服务器发送HTTP请求
语法:jqXHR $.get(url,data[,dataType])
说明: A.对于get请求时的参数,既可以通过url传递,出可以通过data参数传递;

    server.php?id=5&pid=7
    写法1:url传递 $.get('server.php?id=5&pid=7')
    写法2:data参数传递 $.get('server.php','id=5&pid=7')
     B.对于post请求时的参数,只能通过data参数传递;
        $.post('server.php','username=tom&password=123')
     C.success参数代表请求成功后调用的回调函数;
     D.dataType参数表示数据类型(text,html,json)