ajax正确的简单封装“姿势”

Posted 2020-08-07

 1 window.meng = window.meng || {};
 2 (function ($) {
 3     function getAjaxDate(url, apikey) {
 4         var datas;
 5         $.ajax({
 6             url: url,
 7             headers: {"apikey": apikey},
 8             async: false,
 9             success: function (data) {
10                 datas = data;
11             },
12             error: function (data) {
13                 console.log("error !");
14             }
15         });
16         return datas;
17     }
18 
19     meng.getAjaxDate = getAjaxDate;
20 })(jQuery);

注意：设置async:false 即同步

主函数调用的时候：

1 window.meng = window.meng || {};
2 (function ($) {
3 
4     var url = "http://apis.baidu.com/tngou/cook/name?name";
5     var apikey = "1234567890";
6     var data = meng.getAjaxDate(url, apikey);
7     console.log(data);
8 
9 })($);