pearadmin前端框架中 http模組如何使用說明

進來天氣十分炎熱，很難靜下心來開發新東西，就找到之前寫的一個線索收集分配的小系統，進行整理優化。

在登入頁面，之前是直接使用jq的ajax進行提交資料，發現pearadmin封裝的有http.js 是可以代替直接使用ajax的，所以就進行了改造。

先上原來的程式碼

$.ajax({
                type: 'post',
                url: '<?=site_url("/user/user/checkuser");?>',
                //headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: data.field,
                success: function(r){
                    if(r.code==0){
                        layer.msg('驗證通過 '+r.uname+' 歡迎進入！',{icon: 1});
                        setTimeout(function () {window.location.href = "<?=site_url('/home');?>"; }, 2000);
                    }else if(r.code==2){
                        layer.msg('驗證碼填寫錯了', {icon: 5});
                        $("#codeImage").attr("src", '<?=site_url("login/captcha");?>?' + Math.random());
                    } else{
                        layer.open({
                            type: 0,
                            offset: 'auto',
                            anim: 6,
                            time: 5000,
                            closeBtn: 0,
                            title: ['錯誤提示', 'font-size:15px;color:red;'],
                            content: r.msg,
                        });
                    }
                }

改造後的程式碼

http.ajax({ url: '/manage.php/login/check', method: 'POST',data:JSON.stringify(data.field)})
      .done(function (data) {
         if (data.code === 0) {
            form.val(http.getQueryVariable('tableId'), data.data);
         } else {
            popup.failure(data.msg);
         }
      })
      .fail(function (data) {
         console.log(data)
         popup.failure('伺服器錯誤');
      });

感覺差距不是很大啊，但是仔細研究之後發現，改造前的程式碼沒有改造後的程式碼考慮的方面多，安全性有所提高。

官方文件上，也沒有http模組的使用方法，我就把自己摸索的記錄一下：

1. 先引入 http模組
   在layui.use中增加 'http', 並 var http=layui.http；

2. 在需要的地方使用
   http.ajax() 中引數說明如下：

url 提交的地址

method 提交方式   POST  或 GET 等

data  提交的引數，需要進行json編碼哦（若是採用get，可以將引數組裝到url上）