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

你可能感兴趣的:(ajax)