用jQuery怎么做到前后端分離

seasonley 發(fā)布于2019-08-22 15:35 / 3577人閱讀

摘要：接下來說一說路由問題和頁面之間傳參問題，我用做的前后端分離項(xiàng)目一般沒有路由，直接就是連接的形勢(shì)跳轉(zhuǎn)頁面，雖然這樣很不妥，但是好像也沒啥辦法。總之，實(shí)現(xiàn)的前后端分離是不完美的，成本也是很高的，新手可以試試，建議學(xué)習(xí)或者之類的高級(jí)框架。

傳統(tǒng)的web開發(fā)模式想必大家都知道，不管是jsp、asp、php或者一些魔板引擎開發(fā)，其實(shí)道理都是一樣的，都是服務(wù)端渲染，原理是：瀏覽器發(fā)送一個(gè)get請(qǐng)求，服務(wù)器對(duì)應(yīng)的返回前端一個(gè)html頁面，由瀏覽器渲染，一張網(wǎng)頁就呈現(xiàn)在用戶面前了。

但是今天要說的就是大家一直在談?wù)摰脑掝}了，那就是“前后端分離的開發(fā)模式”，它的好處自然不必多說，那用我們最熟知jquery能不能做到前后端分離開發(fā)呢？答案是可以的！

具體實(shí)現(xiàn)也很簡(jiǎn)單，前端工程師通過ajax訪問后臺(tái)接口（可能會(huì)遇到跨域問題，詳見上一篇文章）如下：

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

通過一手ajax你可調(diào)用任何api，與后臺(tái)通信不是什么難事。
但是渲染這塊就很麻煩了，你可以選擇的渲染方式有：append()、html()、text()等，總之很麻煩。

接下來說一說路由問題和頁面之間傳參問題，我用jQuery做的前后端分離項(xiàng)目一般沒有路由，直接就是連接的形勢(shì)跳轉(zhuǎn)頁面，雖然這樣很不妥，但是好像也沒啥辦法。頁面?zhèn)鲄⑦@哭基本可以解決，你可以通過地址欄傳參，另一個(gè)頁面通過js獲取地址欄參數(shù)，進(jìn)而實(shí)現(xiàn)地址欄傳參這件事。

總之，jquery實(shí)現(xiàn)的前后端分離是不完美的，成本也是很高的，新手可以試試，建議學(xué)習(xí)vue或者angular.js 之類的高級(jí)框架。
有說的不對(duì)的地方歡迎技術(shù)大牛評(píng)論指正！以上僅代表我的個(gè)人觀點(diǎn)。