ajax

最新推荐文章于 2025-03-16 10:00:00 发布
原创最新推荐文章于 2025-03-16 10:00:00 发布 · 206 阅读
CC 4.0 BY-SA版权
eadyState 状态    状态说明
(0)未初始化
此阶段确认XMLHttpRequest对象是否创建，并为调用open()方法进行未初始化作好准备。值为0表示对象已经存在，否则浏览器会报错－－对象不存在。
(1)载入
此阶段对XMLHttpRequest对象进行初始化，即调用open()方法，根据参数(method,url,true)完成对象状态的设置。并调用send()方法开始向服务端发送请求。值为1表示正在向服务端发送请求。
(2)载入完成
此阶段接收服务器端的响应数据。但获得的还只是服务端响应的原始数据，并不能直接在客户端使用。值为2表示已经接收完全部响应数据。并为下一阶段对数据解析作好准备。
(3)交互
此阶段解析接收到的服务器端响应数据。即根据服务器端响应头部返回的MIME类型把数据转换成能通过responseBody、responseText或responseXML属性存取的格式，为在客户端调用作好准备。状态3表示正在解析数据。
(4)完成
此阶段确认全部数据都已经解析为客户端可用的格式，解析已经完成。值为4表示数据解析完毕，可以通过XMLHttpRequest对象的相应属性取得数据。
概而括之，整个XMLHttpRequest对象的生命周期应该包含如下阶段：
创建－初始化请求－发送请求－接收数据－解析数据－完成

POST请求要设置：
request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
post不需要传递参数，所以把参数构造一下
var data="name=" + document.getElementById("staffName").value 
                  + "&number=" + document.getElementById("staffNumber").value
( 写成url形式，用&隔开参数)
一.
一、json在js中的解析
1、json在js中解析，有2种方式：eval和JSON.parse
2、在代码中使用eval是很危险的，特别是用它执行第三方的JSON数据（其中可能包含恶意代码）时，尽可能使用JSON.parse()方法解析字符串本身，该方法还可以捕捉JSON中的语法错误。
3、eval执行，不会去看json字符串是否合法，而且json字符串中的方法会直接执行。代码中单一使用eval都是非常危险的，实际过程中尽量使用JSON.parse()。
二、json在线校验工具：jsonlint.com
三、
{
	"success":true,
	"msg":"xxx",
	"data":"xxx"
}
success：逻辑是否成功的标记（如：ajax请求过程中，请求是否成功的标记），msg:"xxx"（如：msg作为请求返回值）,errormsg：success为false时的错误信息，data：请求返回的数据。
四、demo.html中解析json，并将相关信息显示在页面上。
                if(request.status===200){
                    var data=JSON.parse(request.responseText);
                    if(data.success){
                        document.getElementById('searchResult').innerHTML=data.msg;
                    }else{
                        document.getElementById('searchResult').innerHTML="出现错误："+data.msg;
                    }
                }else{
                    alert('发生错误'+request.status);
                }



二、jQuery实现ajax1、jQuery.ajax([settings])
（1）type：类型，“POST”或“GET”，默认为“GET”。
（2）url：发送请求的地址。
（3）data：是一个对象，连同请求发送到服务器的数据。
（4）dataType：预期服务器返回的数据类型。如果不指定，jQuery将自动根据HTTP包MIME信息来智能判断，一般我们采用json格式，可以设置为“json”。
（5）success：是一个方法，请求成功后的毁掉函数。传入返回后的数据，以及包含成功代码的字符串。
（6）error：是一个方法，请求失败时调用此函数。传入XMLHttpRequest对象。




JSONP  （只能对GET请求起到效果，而不能去改造post请求，即不支持post请求）

  dataType:"jsonp",
                jsonp:"callback123" （jsonp的值可任意写）





ajax接受json数据时要注意，当接收的JSONArray对象时需要遍历取出JSONObject对象再去访问，遍历可用each和for