用jQuery怎麼做到前後端分離

馬明瑞發表於2019-02-16

傳統的web開發模式想必大家都知道,不管是jsp、asp、php或者一些魔板引擎開發,其實道理都是一樣的,都是服務端渲染,原理是:瀏覽器傳送一個get請求,伺服器對應的返回前端一個html頁面,由瀏覽器渲染,一張網頁就呈現在使用者面前了。

但是今天要說的就是大家一直在談論的話題了,那就是“前後端分離的開發模式”,它的好處自然不必多說,那用我們最熟知jquery能不能做到前後端分離開發呢?答案是可以的!

具體實現也很簡單,前端工程師通過ajax訪問後臺介面(可能會遇到跨域問題,詳見上一篇文章)如下:

> $.ajax({
>     type:`get`,
>     url:`/api`,
>     data:{user:`小明`,`tel`:12345xxxxx}
>     success:function(data){
>         console.log(data)
>     } })

通過一手ajax你可呼叫任何api,與後臺通訊不是什麼難事。
但是渲染這塊就很麻煩了,你可以選擇的渲染方式有:append()、html()、text()等,總之很麻煩。

接下來說一說路由問題和頁面之間傳參問題,我用jQuery做的前後端分離專案一般沒有路由,直接就是連線的形勢跳轉頁面,雖然這樣很不妥,但是好像也沒啥辦法。頁面傳參這哭基本可以解決,你可以通過位址列傳參,另一個頁面通過js獲取位址列引數,進而實現位址列傳參這件事。

總之,jquery實現的前後端分離是不完美的,成本也是很高的,新手可以試試,建議學習vue或者angular.js 之類的高階框架。
有說的不對的地方歡迎技術大牛評論指正!以上僅代表我的個人觀點。

相關文章