多语言展示
当前在线:1158今日阅读:112今日分享:19

jquery ajax异步请求

jQuery封装了JavaScript的一些常用方法,而jQuery中的ajax是一个比较常用的方法,然而,对很多初学者来说,会觉得异步请求会很难操作,下面我讲述下jQuery常用的ajax异步请求的方法。
工具/原料
1

电脑

2

Eclipse

3

后台接口程序

方法/步骤
1

得先知道后台接口给ajax访问(接口URl和传入接口的参数及参数类型),知道访问之后返回的数据类型,有哪些数据。

2

选择异步请求的方式,常用的有三种,如$.ajax()、$.post()、$.get()。其中$.ajax允许get/post两种请求方式,$.get()只允许get请求,$.post()只允许post请求方式。

3

异步请求所需要的常用要素:a、url (访问url)   b、dataType(数据传输方式)   c、success成功之后的回调函数。

4

$.ajax使用示范代码(由于异步请求的参数较多,实例只是常用参数,下同)。设接口urlvar url='/test/test.do';   //下面的实例代码都用此访问接口url$.ajax({     url:url,     dataType:'text',     success: function(data){               (请求成功之后的前端处理代码)       }});

5

$.post使用示范代码:$.post(url, { name: "John", time: "2pm" },   function(data){          alert("Data Loaded: " + data);  },'text');

6

$.get使用实例代码:$.get(url, { name: "John", time: "2pm" },  function(data){              alert("Data Loaded: " + data); });

注意事项
1

注意异步请求传入后台的参数类型必须与接口定义的参数类型一致,否则会导致异步请求失败。

2

异步请求调试要细心哦,必要的时候在浏览器后台打印或者弹窗测试是否访问成功。

推荐信息