Choe-10Ajax与jQuery

1.使用XMLHttpRequest对象发送GET请求到服务器端，处理的步骤:

（1）创建XMLHttpRequest对象。通过window.XMLhTTPrEQUEST的返回值判断XMLHttpRequest对象的方式。

(2)设置回调函数。通过onreadystatechange属性设置回调函数，其中回调函数需要自定义。

（3）初始化XMLHttpRequest对象。

（4）发送请求。

步骤:

步骤一:通过window，XMLHttpRequest的返回值判断当前浏览器创建XMLHttpRequest对象的方式。

步骤二:通过XMLHttpRequest对象的onreadystatechange属性设置回调函数，监听服务器的响应状态并做相应处理。

步骤三：通过XMLHttpRequest对象的open()方法，传入参数完成初始化XMLHttpRequest对象的工作。

步骤四:调用XMLHttpRequest对象的send()方法，参数为要发送到服务器端的数据，因为采用"GET"方式请求时。

2.认识Ajax

Ajax简介

异步刷新技术，主要由JS,XML技术整合而成

XMLHttpRequest

是Ajax技术的核心对象

向服务器发送异步请求，并接收服务器端的响应结果

使用Ajax发送Get请求及处理响应

1.创建XMLHttpRequest对象

var xmlHttpRequest=new XMLHttpRequest();

2.设置请求信息

var username=document.getElementById("username").value;

xmlHttpRequest.open("get","userServlet?username="+username);

3.设置回调函数

xmlHttpRequest.onreadystatechange=callback();

4.发送请求

xmlHttpRequest.send(null);

使用Ajax发送Post请求及处理响应

Ajax通过使用XMLHttpRequest对象,以异步方式在客户端与服务端之间传递，并结合JavaScript,CSS等技术实现当前页面局部更新。

jQuery封装了Ajax的基础实现，提供了$,ajax（）方法。

JSON作为数据交互对象，在值传递和解析方面较为简便。