摘要:網絡請求工具請求,服務器地址配置路徑工具模板渲染工具字段驗證通用提示統一跳轉定義模塊化對象網絡數據請求功能存入對象從中取方法,如果沒有默認方法默認空數據類型請求時需要的數據請求成功時的方法處理請求成功無登錄狀態,需強制登錄請求數據錯誤獲取服
網絡請求工具(Ajax請求,服務器地址配置)
URL路徑工具
模板渲染工具
字段驗證&&通用提示
統一跳轉
"use strict" var conf = {serverHost : ""}; // 定義模塊化對象 var _mm = { // 網絡數據請求功能 request : function(param) { var _this = this; //存入mm對象 $.ajax({ type : param.method || "get", // 從param中取方法,如果沒有默認get方法 url : param.url || "", // 默認空 dataType : param.type || "json" // 數據類型 data : param.data || "", // 請求時需要的數據 // 請求成功時的方法處理 success : function(res) { // 請求成功 if(0 === res.status) { typeof param.success === "function" && param.success(res.data, res.msg); } // 無登錄狀態,需強制登錄 else if (10 === res.status) { _this.doLogin(); } // 請求數據錯誤 else if(1 === res.status) { typeof param.error=== "function" && param.error(res.msg); } }, error : function(err) { typeof param.error=== "function" && param.error(err.statusText); } }); }, // 獲取服務器地址 getServerUrl : function(path) { return conf.serverHost + path; }, // 獲取url參數 getUrlParam : function(name) { // happymall.com/product/list?keyword=xxx&page=1 // 提取keyword步驟:1.截取?后參數;2.按&分開每一組keyword與value // 定義正則表達式 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // window的location對象;search得到的是url中query部分(?keyword=xxx&page=1);substr()返回一個從指定位置開始的指定長度的子字符串,設置為1,是為了把url中的?號去掉() var result = window.location.search.substr(1).match(reg); return result ? decodeURIComponent(result[2]) : null; }, // 渲染html模板 renderHtml : function(htmlTemplate, data) // 傳入模板和數據 { var template = Hogan.compile(htmlTemplate), result = template.render(data); return result; }, // 成功提示 successTips : function(msg) { alert(msg || "操作成功!"); }, // 錯誤提示 errorTips : function(msg) { alert(msg || "哪里不對了~"); }, // 字段的驗證,支持非空、手機、郵箱的判斷 validate : function(value, type) { var value = $.trim(value); // 非空驗證,require表示必須有值 if("require" === type) { // 返回boolean值 return !!value; } // 手機號驗證 if("phone" === type) { // 1開頭的11位數字 return /^1d{10}$/.test(value); } // 郵箱格式驗證 if("email" === type) { return /^(w)+(.w+)*@(w)+((.w{2,3}){1,3})$/.test(value); } }, // 統一登錄處理 doLogin : function() { window.location.href = "./user-login.html?redirect=" + encodeURIComponent(window.location.href); // 登錄完跳回當前頁面 }, goHome : function() { window.location.href = "./index.html"; } }; // 輸出模塊化對象 module.exports = _mm;
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/84499.html
摘要:前言自總結完了上篇前端工程化的思想,并在全家桶的項目加以實踐,趁熱給大家總結一篇如何更有效率與質量地開發項目,以及其中踩過的一個個坑。。。 前言 自總結完了上篇前端工程化的思想,并在vue全家桶的項目加以實踐,趁熱給大家總結一篇如何更有效率與質量地開發vue項目,以及其中踩過的一個個坑。。。 基于vue-cli的自定義模板(Custom Templates) 小伙伴們的vue項目應該都...
閱讀 576·2023-04-26 01:42
閱讀 3222·2021-11-22 11:56
閱讀 2392·2021-10-08 10:04
閱讀 836·2021-09-24 10:37
閱讀 3125·2019-08-30 15:52
閱讀 1732·2019-08-29 13:44
閱讀 472·2019-08-28 17:51
閱讀 2141·2019-08-26 18:26