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作为数据交互对象,在值传递和解析方面较为简便。