Ajax使用教程

帅比萌擦擦* 提交于 2019-11-30 03:22:50

Ajax使用教程

一.什么是Ajax

Ajax可以理解为JavaScript执行异步网络请求,如果没有Ajax技术,改变网页的一小部分
都需要重新加载一次整个页面,而有了Ajax之后就可以实现网页不跳转不刷新的情况下,在
网页后台提交数据,部分更新页面内容。

二.Jquery中Ajax

Jquery对原生Ajax做了很好的封装,使用起来非常简单方便。具体的很多方法如.ajax,.ajax,.post,
.get,.get,.getJSON等能根据不同需求进行调用,写法更加简洁。例如:
$.ajax({
type: //数据的提交方式:get和post
url: //请求路径
async: //是否支持异步刷新,默认为true
data: //需要提交的数据
dataType: //服务器返回的数据类型,例如xml,String,Json等
success:function(data){
} //请求成功后的回调函数,参数data就是服务器返回的数据
error:function(data){
} //请求失败后的回调函数,根据需要可以不写,一般只写上面的success
})

三.GET or POST

二者主要区别在于:
1.传递数据的方式不同:get是直接把请求数据放在url的后面,是可见的。post的
请求数据不会显示在url中,是不可见的。
2.数据长度和数据类型的差异:get有数据长度的限制,且数据类型只允许ASCII字符,
POST在这两个方面都没有限制。
3.安全性的差异:get不安全,Post更安全。
结论:get使用较方便,适用于页面之间非敏感数据的简单传值,Post使用更加安全
,适用于向服务器发送密码等敏感数据。

四.success和complete的区别

JQuery封装的Ajax回调函数中,success,error,complete是最常用的三个。其中,success
是请求成功时调用的;error是请求失败时调用的;complete是请求完成后的回调函数(
请求成功或者失败均会调用)

五.XML->JSON
Json现在是主流的数据交互格式,前后端的交互标准。无论是前端提交给后台的数据,还是后台返回
给前端的数据,都最好统一为json格式。各自收到数据后再解析数据即可使用。

六.Ajax的优缺点
1.优点:
(1)页面无刷新,在页面内与服务器通信,减少用户等待时间,增强了用户体验。
(2)使用异步方式与服务器通信,响应速度更快
(3)可以把一些原本服务器的工作转接到客户端。
(4)基于标准化并被广泛支持的技术,不需要下载插件或者小程序
2.缺点:
(1)无法进行操作的后退,即不支持浏览器的页面后退。
(2)对搜索引擎的支持比较弱
(3)可能会影响程序中的异常处理机制
(4)安全问题,对一些网站的攻击不能很好的防御。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!