了解AJAX

1、AJAX—Asynchronous JavaScript + XML(异步JavaScript和XML);同步:进程一步一步的执行;异步:进程如果有阻塞的时候,并不停下来,而是继续执行其他的进程;

2、AJAX的作用当使用结合了这些技术的AJAX模型以后,网页应用能够快速的将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面。这使程序能够更快的回应用户的操作。让Web更接近桌面应用的用户体验。

3、首先是创建XMLHttpRequest对象—相当于打开了一个浏览器,新版本的浏览器都支持(谷歌、火狐、Safari、欧朋);然而ActiveXObject()只支持(IE5、IE6);

4、接着是使用XMLHttpRequest实例对象来发送http请求,有两种方法;open()和send()。

5、方法一:open(参数1,参数2,参数3)是打开与一个网址之间的连接-相当于在地址栏输入访问地址;参数1:请求方式get和post;参数2:请求URL;参数3:布尔值,true支持异步请求,false不支持异步;

6、方法二:通过连接发送一次请求—相当于回车或者点击访问发送请求;send();里面的参数是null。

7、处理服务器的响应:指定xhr状态变化事件处理函数—相当于处理网页呈现后的操作;xhr.readyState(readyState异步请求的状态码—判断此次请求的响应是否接受成功);

8、status状态码:200响应成功  400响应失败  500服务器发生错误;responseText—服务器以文字字符发形式返回(获取到响应的响应体)。

9、常用选项参数介绍:url—请求地址;type—请求方法,默认类型get;datatype—请求体内容类型;data—需要传递到服务端的数据;timeout:请求超出事件;beforeSend—请求发起之前的触发;success:请求成功之后触发(响应状态码200);error—请求失败触发;complete:请求完成触发;

10、总结:一般情况下URL传递的都是参数性质的数据;POST请求过程中,都是采用请求体承载需要提交的数据;同步和异步:如果采用同步方法执行,则代码会卡死在xhe.send()这一步,一定在发送请求send()之前注册readystatechange(不管是同步还是异步);JSON:也是一种数据描述手段,类似于JavaScript字面量方式服务端采用JSON格式返回数据;

11、今天认识了什么是AJAX和如何使用AJAX的操作方法;知道什么是同步和异步;具体用法get请求和post请求;响应式数据格式;JSON;这些都是需要了解和熟悉的。AJAX这是基础的。后面还有很多内容等这我们呢。所以只有把前面老师讲的内容熟悉和了解和会用之后,后面才不会太难。如果感觉到很难的话,就多练多记多背,只有这样才能跟上后面的课程。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值