码迷,mamicode.com
首页 > Web开发 > 详细

ajax学习小结(一)

时间:2016-04-22 18:21:20      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:

ajax:异步的javascript与xml,通过在后台与服务器进行少量的数据交换。

ajax的作用:使网页实现异步加载,即在不刷新网页的情况下对页面的一部分实现更新。

ajax的过程:1、创建XMLHttpRequest对象(发送请求的载体),所有操作都是基于这个对象进行的;

       2、给这个对象绑定readystatechange事件;

       3、通过open()方法规定请求的类型(get/post)、地址、同步异步(false/ture),调用send()向服务器发送请求;

       4、浏览器底层和后端服务器建立http连接,readystate值从0变到4,每当readystate值变化一次都会触发readystatechange事件,经过四次握手,readystate为4,并且status为200,建立连接成功,并且返回正确的数据。

readystate的值代表的的含义:0,请求未初始化;1,服务器建立连接; 2 ,请求已接收;3 ,请求已处理; 4 ,请求已完成,且响应已就绪。
status的值代表的含义: 200 ,找到地址,返回正确的数据; 404 , 未找到页面。

关于同步与异步:

      异步时,浏览器把请求发送后就继续做自己的事,当onreadystatechange事件到来时说明服务端的数据来了,这时再处理数据。类似于一个节点绑定点击事件后就做后面的事,当用户点击了再执行绑定的处理函数。

  同步时,JavaScript 会等到服务器响应就绪才继续执行。如果服务器繁忙或缓慢,应用程序会挂起或停止。 不需要事件监听 onreadystatechange 函数,把代码放到send() 语句后面即可:

             技术分享

      当然,ajax就是为了异步加载而生的,同步很少使用。

关于post和get:

      提交数据一般用post,用send(string)的形式提交。
      获取查询数据用get,用get时会在地址栏中明文标出,安全系数较低。

综上所述,ajax原始过程的代码如下:

      技术分享

ajax学习小结(一)

标签:

原文地址:http://www.cnblogs.com/bestjia/p/5422048.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!