电脑
Eclipse
后台接口程序
得先知道后台接口给ajax访问(接口URl和传入接口的参数及参数类型),知道访问之后返回的数据类型,有哪些数据。
选择异步请求的方式,常用的有三种,如$.ajax()、$.post()、$.get()。其中$.ajax允许get/post两种请求方式,$.get()只允许get请求,$.post()只允许post请求方式。
异步请求所需要的常用要素:a、url (访问url) b、dataType(数据传输方式) c、success成功之后的回调函数。
$.ajax使用示范代码(由于异步请求的参数较多,实例只是常用参数,下同)。设接口urlvar 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); });
注意异步请求传入后台的参数类型必须与接口定义的参数类型一致,否则会导致异步请求失败。
异步请求调试要细心哦,必要的时候在浏览器后台打印或者弹窗测试是否访问成功。