说起来ajax并不是一门新的突破性技术,而是最先将所有已有技术结合起来的异步请求方案。并且很好的解决的请求后端数据后,网页整体刷新的问题,极大的提高了用户的体验性,首先熟悉一下他的基本使用;
步骤:
1:创建一个xmlhttprequest实例对象
2:创建一个请求,设置请求的方法,请求的路径,是否异步
3:开启请求过程状态监听
4:发送请求(post和get方法的请求方法有异)
5:判断请求状态,获取数据
代码:
此为ajax的基础使用规则,jQuery函数库对ajax进行了封装,使得函数操作更加方便,且解决了ajax的跨域机制问题,下面我们来入门级了解一下jQuery对Ajax的使用
其中我们可以设置dataType属性值为jsonp,其实设置了dataType: 'jsonp'后,$.ajax方法就和ajax XmlHttpRequest没什么关系了,取而代之的则是JSONP协议。JSONP是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问。具体如何使用JSONP将不在本片叙述。