前端js接入後台介面資料的一點簡單總結

2021-10-07 12:24:00 字數 1133 閱讀 7154

在前端接入後端介面資料時，剛開始入門的小白，基本都是都是使用如下結構來接入：

function m1()


},success: function(result) 


});}
以上我把它稱為散裝的js方法，這樣如果有多個有多個介面需要對接，就會有多個這種散裝function();

公升級改造後如下，拿乙個專案來舉例：

/**


* 事項列表


*/var sxml_list = function(),"testurl":"","desc":"根據條件篩選事項列表"},


"1":,"testurl":"","desc":"根據條件篩選事項詳情"},


"2":,"testurl":"","desc":"一事多責"} } 


var initchart_0 = function(result));


//將拼接好的字串追加到tbody中


$('.tr').bind('click',function(),300);


if($(this).hasclass('heighlight'))


$('.tr').removeclass('heighlight');


$(this).addclass('heighlight');


})} }


var initchart_1 = function(result)


//展示一事多責


function show() } 


var initchart_2 = function(result))


}} one_item_load(onedata); } 


//****獲取資料介面***


var getajaxsources = function(name,datatype)else } 


var init = function(name,datatype),


success: function(result) 


});} catch(e) {} } 


return


}();
這樣把介面，變數，以及獲取後端的ajax都拆分開來統一放到乙個物件裡面來管理，**結構清晰明朗，復用性也比較高。

以上僅為工作中的小小總結。

做前端的一點心得

前端開發工程師不是新崗位，其前身是網頁製作工程師，負責流程中的網頁製作部分。前端開發工程師負責把ui設計師的設計理念還原，輸出我們平時可瀏覽的網 頁，並將其拆分為具有清晰語義的結構檔案，以及控制其外觀的表現檔案，為站點提供良好的可讀性和相容性以及效能，同時使其具有更為高效的維護體系。設計師的意圖，前...

從後台到webshell的一點思路

安全天使 1.asp acc mssql程式 主要是利用後台對access資料庫的 備份資料庫 或 恢復資料庫 功能，備份的資料庫路徑 等變數沒有過濾導致可以把任意檔案字尾改為asp，從而得到webshell，msssql版的程式就直接應用了access版的 導致sql版照樣可以利用。具體方法和分析...

js物件函式的一點理解

前端vue recentjoblist style width 100 column prop name label name width 280 column column prop startdate label startdate width 500 column column prop en...