之前我們寫ajax都是用原生js寫的,但這樣寫有時候就顯得有點繁瑣,其實我們也可以用jq來寫,這樣更簡單,但jq寫法跟原生的有點不一樣,他可以分為單個類型,和一個總的:

第一種是$.get:

第二種是$.post:

它的用法其實跟get是一樣的.

第三種是$.getJSON:

這個看上去比上面簡單些,如果有json格式,會幫助我們自己轉化為js對象,這又減少我們代碼了,其實第四種功能更齊全

第四種是$.ajax:

它包括了上面的所有功能,它里面的參數可以設置很多,以上的是我們經常用的,type不寫,默認為get請求方式.

還有之前的ajax五步驟我們已經用了封裝函數,算簡單的了,但其實還有更簡單的方式,那就是用模塊引擎,沒會模塊引擎之前我們都是用自己封裝的函數來做,但有更好的方法,我們應該學會更簡便 的方式.

其實現在網上已經有很多模塊引擎了我們直接調用就可以,但我們還是要了解下它的原理:

1:模塊引擎中有兩個參數,一個書模塊字符串,一個是對象,

2:里面會用到正則表達式,其實它的原理就是利用正則表達式,來找到一個個要被替換掉的字符.

它的也是一個函數,例如:

利用正則表達式查找模塊字符串中滿足條件文本,然后一個個替換掉就可以了:

這里我們用的是while,因為我們不知道要循環幾次才能全部找到.里面的replaceSter找到是滿足整個正則表達式的條件的文本,也就是例子中的<name>等,key就是滿足正則表達式中小括號中的文本,也就是例子中的name.food這類.

本來拿對象屬性的值,我們之前一般都用obj.name之類的,但這里由于不知道要替換幾個,要一直循環,所以我們不能寫死,所以用obj[key]來取得.

這是基本原理,但我們一般不用自己寫,網上都是可以自己調用,調用也要注意一些步驟:

1:從網上下載js,然后導入進去.

2:定義模板:

定義模板,我們要寫在script中,這樣就不會生成html頁面,但是type的text后面要改掉,不能寫成javascipt,這個是可以隨便取得的.

里面標簽里如果使用的是對象的屬性,那寫法是:<%=key%>,表達式是用<%? %>這樣來寫,重要的一點是該模板支持對象,如果傳入數組就會報錯.

3:調用:

第一個參數就是模板的id,第二個就是對象.其實跟jq原理差不多,就是調用.

?

轉載于:https://www.cnblogs.com/cykblogs/p/5851314.html

總結

以上是生活随笔為你收集整理的jq的ajax和模块引擎的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。