IT兄弟连 JavaWeb教程 jQuery对AJAX的支持

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

}

});