IT兄弟连 JavaWeb教程 jQuery对AJAX的支持
- 2019 年 10 月 5 日
- 笔记
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/ITXDL123/article/details/91360040
jQuery对AJAX的支持
jQuery对Ajax请求的创建、发送、响应、注册数据处理函数、JSON的解析和缓存以及传参等都进行了相应的封装,同时也考虑了浏览器的兼容性问题。
jQuery中对AJAX支持核心函数
jQuery中对Ajax支持的核心函数是$.ajax()函数,$.ajax()函数的代码结构如下:
$.ajax({
url : 请求地址,
type : 请求方式,
async : 默认为true,表示异步请求,false表示同步请求,
data : 请求参数,
dataType : 服务器参会的数据类型,
success : 服务器正常处理时执行的回调函数,
error : 服务器处理出错时执行的回调函数
});
jQuery中的AJAX的使用
要使用jQuery必须在我们的页面中并且是所有JavaScript代码的顶部添加jQuery的插件:
<script type="text/javascript" src="js/jquery-3.3.1.sj"></script>
在页面中引入jQuery后,我们就可以使用jQuery为我们封装好的各种Ajax函数了,例如:
$.ajax({
url:'getyourtodayluck',
type:'post',
data:{"name":"尼古拉斯赵四"},
dataType:'json',
async:true,
cache:false,
success:function(result){
alert(result);
},
error:function(errorResult){
alert(errorResult);
}
});