直至昨晚為止，學(xué)習(xí)了一個(gè)多月的MVC與jQuery，從所做的練習(xí)中，發(fā)覺jQuery的代碼也有跟C#語言一樣可以重構(gòu)，多頁面有相同使用的方法函數(shù)，均可以放置于一個(gè)單獨(dú)立的js文件或是自定義的js庫中。

在使用時(shí)，引用此庫文件即可。舉個(gè)簡單的例子，如前面介紹的兩個(gè)下拉列表聯(lián)動(dòng)的功能，不管是在MVC添加，還是編輯時(shí)，均需要寫上幾個(gè)相同的函數(shù)來實(shí)現(xiàn)。為了js代碼沒有冗余。我們就可以重構(gòu)它們了。

在MVC應(yīng)用程序下的Scripts目錄下，創(chuàng)建一個(gè)insus.common.utility.js庫。



js類庫中，只是簡單把兩個(gè)函數(shù)搬過來。 有一個(gè)地方，即是把#23行代碼，改為#24行。這樣可以兼容到MVC創(chuàng)建和編輯的下拉列表的聯(lián)動(dòng)。

接下來，我們可以修改Update.cshtml和Create.cshtml視圖了，先看Update.cshtml視圖：



我們添加了#5行代碼，那是引用剛才創(chuàng)建好的js庫。還是把#105至#127行代碼刪除。再看Create.cshtml視圖：


引用#8行代碼，把#15改為#16行，把#31改為#32。把#37至#57行代碼刪除。
經(jīng)此一改，就達(dá)到我們的最初目的了。

總結(jié)

以上是生活随笔為你收集整理的创建自己的共用js库的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。