1.原生态Ajax
//创建XMLHttpRequest对象
// var xmlHttpRequest = new XMLHttpRequest();
// //初始化组件/创建HTTP请求
// xmlHttpRequest.open("POST","/AjaxDemoServlet",true);
// //发送请求
// xmlHttpRequest.setRequestHeader("Content-Type",
// "application/x-www-form-urlencoded");
// xmlHttpRequest.send("opr=login&name="+name+"&pwd="+pwd);
// //设定回调函数
// xmlHttpRequest.onreadystatechange = callBack;
// //函数主体
2.经典Ajax(jq导包)
/*$.ajax(
{
url:"/AjaxDemoServlet",//地址
type:"POST",//传递类型
data:"opr=login&name="+name+"&pwd="+pwd,//参数
var data ="{\"opr\":\"login\",\"name\":name,\"pwd\":pwd}"
(json格式的对象,字符串中的双引号要用转移符转译符\")
dataType:"json",//传回的类型
success:callBack,//满足条件()时函数
error:function () {//ajax执行失败时执行
alert("验证过程错误!")
}
}
)*/
加载请求: .ajaxStart() 和 .ajaxstop()
错误处理: .ajaxError()
.ajaxSuccess(),对应一个局部方法:.success(),请求成功完成时执行。
.ajaxComplete(),对应一个局部方法:.complete(),请求完成后注册一个回调函数。
.ajaxSend(),没有对应的局部方法,只有属性beforeSend,请求发送之前要绑定的函数。
4.简单写法
$.post("/AjaxDemoServlet","opr=login&name="+name+"&pwd="+pwd,callBack,"text");
$.get("/AjaxDemoServlet","opr=login&name="+name+"&pwd="+pwd,callBack,"json");
$.getJSON("/AjaxDemoServlet","opr=login&name="+name+"&pwd="+pwd,callBack);
$.get("/SelectServlet","opr=html",callBack,"html");
// function callBack(data) {
// $("body").html(data);
// }
$("body").load("/SelectServlet","opr=html");(默认是返回值是html格式,写入body的html中)
5.JSON对象(导入fastjson包)
//定义JSON格式的user对象
var user = {
"id" : 1,
"name" : "恰同学少年",
"pwd" : "123456"
}
//定义JSON格式的数组对象
var array = ["北京","上海","广州","深圳"];
//定义JSON格式的数组,数组中的对象是JSON格式的对象(数组嵌套对象)
var array = [{"id" : 1},{"name" : "恰同学少年"},{"pwd" : "123456"}];
//将对象转换为JSON格式的字符串
String s = JSON.toJSONString(list);