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);

}

});