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("验证过程错误！")

                     }

                    }

                )*/

3.Ajax ：六个全局事件

加载请求： .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);