$.ajax 导入包,ajax

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);