封装jQuery AJAX请求，轻松添加全局参数

人亦已歌

封装jQuery AJAX请求，轻松添加全局参数

有时候我们需要统一整个项目的ajax请求格式，比如在所有的ajax请求中附加上一些必须的参数，这时就不可能一个一个的去加了，我们可以在jquery的ajax方法的基础上再封装一层做统一处理，具体代码如下，供参考：

2. /
3. * ajax post 提交
4. * @param param 参数(json格式)
5. * @param successCallback 成功后的回调函数
6. * @return
7. * @author
8. */
9. function sendAjax(param, successCallback) {
10. if (param) {
11. var gid = getCookie('gid'),
12. passport = getCookie('passport'),
13. auth_code = getCookie('auth_code'),
14. access_token = getCookie('access_token'),
15. info = {gid: gid, passport: passport, auth_code: auth_code, access_token: access_token, client: 'h5', ver: ''};
16. param = Object.assign(info, param);//参数合并
17. }
18. $.ajax({
19. type: 'post',
20. url: api_url,
21. data: param,
22. dataType: 'json',
23. timeout: ajax_timeout,
24. cache: false,
25. async: true,
26. success: function (data) {
27. if (data.errcode == '2001' && location.href.indexOf('login') == -1) {
28. location.href = './login.html';
29. return;
30. }
31. successCallback(data);
32. },
33. error: function () {
34. if (!isDev) {
35. alert('请求发生错误');
36. }
37. }
38. });
39. }

复制代码

调用如：

2. sendAjax({action: 'getDayStatistics', tdate: '2020-04-28'}, function (data) {
3. var app = new Vue({
4. el: '#dayStatisticsContent',
5. data: {
6. totalShouru: data.total_shouru,
7. totalZhichu: data.total_zhichu,
8. shouruList: data.shouru_list,
9. zhichuList: data.zhichu_list
10. }
11. });
12. });

复制代码