在前端异步获取数据时候每次都是使用 ajax;为了通用性更好,然而封装通用的 ajax 是一个一劳永逸的办法。
本次基于 jQuery 封装实现;
第一步: 引入 jQuery:
<script type="text/javascript" src="<%=path%>/resources/js/jquery.min.js"></script>
第二步:实现代码:
// 该封装基于 jQueryvar sendAjax = function(method, url, data, successfn, errorfn) { ?$.ajax({ ???????????type: method, ???????????url: url, ???????????data: data, ???????????success: function(d){ ???????????????successfn(d); ???????????}, ???????????error: function(e){ ???????????????errorfn(e); ???????????} ???????});}// 注意:// 1.1 data 数据格式根据需求处理// 1.2 successfn 和 errorfn 根据需要自行定义// 例如:var __main = function() { ?// 请求方法 ?var method = ‘GET‘ ?// 请求地址 ?var url = ‘main/test‘ ?// 数据格式处理 ?var datas = {name: ‘zhangsan‘, age: ‘25‘} ?var data = JSON.stringify(datas) ?// 成功调用函数 ?var demoSuccessfn = function(testSuccess) { ???if(testSuccess === ‘success‘) { ?????console.log(‘success‘) ???} else { ?????console.log(‘reponse have some question.‘) ???} ?} ?// 失败调用函数 ?var demoErrorfn = function(testError) { ???if(testError === ‘error‘) { ?????console.log(‘error‘) ???} else { ?????console.log(‘have error information.‘) ???} ?} ?// 实现调用 ?sendAjax(method, url, data, successfn, errorfn)}