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

2019独角兽企业重金招聘Python工程师标准>>>

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

}

});

转载于:https://my.oschina.net/u/4125915/blog/3059957