前端之家收集整理的这篇文章主要介绍了
AJAX的概念介绍,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
AJAX学习 1.XMLHttpRequest对象创建 var request= new XMLHttpRequest(); 兼容ie6,ie5 var request; if(windoe.XMLHttpRequest){ request= new XMLHttpRequest();//IE7+,Firefor,Chorme,Opera,.... }else{ request=new ActiveXObject("Microsoft.XMLHTTP");//IE6,IE5 } 2.HTTP请求步骤 (1)建立TCP连接 (2)Web浏览器向Web服务器发送请求命令 (3)Web服务器发送请求头信息 (4)Web服务器应答 (5)Web服务器发送应答信息 (6)Web服务器向浏览器发送数据 (7)Web服务器关闭TCP连接 3.HTTP请求一般由四部分组成 (1)HTTP请求的方法或动作,比如是GET还是POST请求 (2)正在请求的URL,总得知道请求的地址是什么 (3)请求头,包含一些客户端环境信息,身份验证信息等 (4)请求体,就是请求正文,请求正文中可以包括客户提交的查询字符串信息,表单信息等等 .GET:一般用于信息获取,使用URL传递参数,对所发送信息的数量有限,一般在2000个字符 .POST:一般用于修改服务器上的资源。对所发送信息的数量无限。是比GET安全。 4.HTTP响应一般由三部分组成 (1)一个数组和文字组成的状态码,用来显示请求是成功还是失败 (2)响应头,包含很多有用信息,如:服务器类型、日期时间、内容类型和长度等 (3)响应体,就是响应正文 5.HTTP状态码 .1XX:信息类,表示收到Web浏览器请求,正在进一步的处理中 .2XX:成功,表示用户请求被正确接收,处理,如:200 OK .3XX:重定向,表示请求没有成功,客户必须采取进一步的动作 .4XX:客户端错误,表示客户端提交的请求有错误,如:404 NOT Found,意味着请求中所引用的文档不存在 .5XX:服务器错误,表示服务器不能完成对请求的处理:如500 6.XMLHttpRequest发送请求 .open(method,url,async)[请求方法,请求地址,请求同步、异步] .send(string) 注意:使用GET请求时send可以为null,使用POST请求send不能为null。 例子: request.open("GET","get.PHP",true); request.send(); request.open("POST","post.PHP","sreate.PHP","true"); request.setRequestHeader("Content-type","application/x-www-form-urlencoded"); request.send("name=hyp&sex=女"); 注意:setRequestHeader()方法设置http头信息,一定是在open和send之间。 7.XMLHttpRequest取得响应 .responseText:获取字符串形式的响应数据 .responseXML:获取XML形式的响应数据 .status和statusText:以数字和文本形式返回HTTP状态码 .getAllResponseHeader():获取所有的响应报头 .getResponseHeader():查询响应中的某个字段的值 .readyState属性 >0:请求末初始化,open还没有调用 >1:服务器连接已建立,open已经调用了 >2:请求已接收,也就是接收到头信息了 >3:请求处理中,也就是接收到响应主体了 >4:请求已完成,且响应已就绪,也就是响应完成了 原文链接:https://www.f2er.com/ajax/163299.html