Ajax的基本使用

        说起来ajax并不是一门新的突破性技术,而是最先将所有已有技术结合起来的异步请求方案。并且很好的解决的请求后端数据后,网页整体刷新的问题,极大的提高了用户的体验性,首先熟悉一下他的基本使用;

        步骤:

        1:创建一个xmlhttprequest实例对象

        2:创建一个请求,设置请求的方法,请求的路径,是否异步

        3:开启请求过程状态监听

        4:发送请求(post和get方法的请求方法有异)

        5:判断请求状态,获取数据

       代码:


图片1

此为ajax的基础使用规则,jQuery函数库对ajax进行了封装,使得函数操作更加方便,且解决了ajax的跨域机制问题,下面我们来入门级了解一下jQuery对Ajax的使用


图片2

其中我们可以设置dataType属性值为jsonp,其实设置了dataType: 'jsonp'后,$.ajax方法就和ajax XmlHttpRequest没什么关系了,取而代之的则是JSONP协议。JSONP是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问。具体如何使用JSONP将不在本片叙述。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容