用jQuery怎麼作到先後端分離

傳統的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 之類的高級框架。
有說的不對的地方歡迎技術大牛評論指正！以上僅表明個人我的觀點。