jquery ajax异步请求

作者:风筝 | 创建时间: 2023-05-01
jQuery封装了JavaScript的一些常用方法,而jQuery中的ajax是一个比较常用的方法,然而,对很多初学者来说,会觉得异步请求会很难操作,下面我讲述下jQuery常用的ajax异步请求的方法。...
jquery ajax异步请求

操作方法

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

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

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

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

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

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

看,jQuery异步请求简单吧。学会这三种方式做前后端交互基本就够用了。

温馨提示

注意异步请求传入后台的参数类型必须与接口定义的参数类型一致,否则会导致异步请求失败。
异步请求调试要细心哦,必要的时候在浏览器后台打印或者弹窗测试是否访问成功。
点击展开全文

更多推荐