-
跨域--查看全部
-
jQuery实现Ajax 在线引入百度静态资源库jQuery包，地址：http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js jQuery.ajax([settings]) （1）type：类型，“POST”或“GET”，默认为“GET”。 （2）url：发送请求的地址。 （3）data：是一个对象，连同请求发送到服务器的数据。 （4）dataType：预期服务器返回的数据类型。如果不指定，jQuery将自动根据HTTP包MIME信息来智能判断，一般我们采用json格式，可以设置为“json”。 （5）success：是一个方法，请求成功后的毁掉函数。传入返回后的数据，以及包含成功代码的字符串。 （6）error：是一个方法，请求失败时调用此函数。传入XMLHttpRequest对象。查看全部
-
JSON解析 一、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); }查看全部
-
JSON语法规则查看全部
-
JSON基本概念查看全部
-
readyState 状态 状态说明 (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请求要设置：在open()与send()之间 request.setRequestHeader("Content-type","application/x-www-form-urlencoded"); post方式不需要传递参数，所以把参数构造一下 var data="name=" + document.getElementById("staffName").value + "&number=" + document.getElementById("staffNumber").value ( 写成url形式，用&隔开参数)查看全部
-
readyState属性查看全部
-
相应的状态码查看全部
-
Http请求查看全部
-
XMLHttpRequest方法介绍查看全部
-
PHP测试工具 fiddler工具，可看网站中的“ Fiddler工具使用" (http://www.imooc.com/learn/37)课程，后台测试接口工具 Content-Type:application/x-www-form-urlencoded 的正确设置。。 fiddler可用于调试服务器代码（无需客户端代码）。 Fiddler是一个http协议调试代理工具，它能够记录并检查所有你的电脑和互联网之间的http通讯，设置断点，查看所有的“进出”Fiddler的数据（指cookie,html,js,css等文件，这些都可以让你胡乱修改的意思）。 Fiddler 要比其他的网络调试器要更加简单，因为它不仅仅暴露http通讯还提供了一个用户友好的格式。 fiddler可以监听电脑上所有的HTTP请求(GET和POST等)监听他们传入的值和返回的值。后台测试接口工具。 使用：右边栏有compose都标签页。输入刚才地址后excuse他。双击左栏的记录。用post请求的时候要用到contentType：application/x-www-form-urlencodeed,告诉服务器是一个post请求，并且是写在url里面。 在右下栏的requestbody写上请求正文。 Content-Type:application/x-www-form-urlencoded 一、chorome的postman，作用与视频中的fildder工具相同，可用于测试服务器代码（无需客户端代码）。 二、fildder 监听电脑所有的http请求，可以监听发出的值，和响应回来的值，还可以去模拟。 三、慕课网课程：接口测试之入门篇http://www.imooc.com/learn/738，有说到postman和fildder.查看全部
-
readystate查看全部
-
XMLHttpRequest() 取得响应查看全部
-
http工作原理查看全部
-
XMLHttpRequest取得响应--readyState属性查看全部
举报
0/150
提交
取消