ajax

来源：互联网发布：linux apache安装目录编辑：程序博客网时间：2024/06/10 10:33
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.parse2、在代码中使用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
阅读全文
0 0