先看你的問題，ajax，json，頁面。
一個個來回答

1. 前后端分離的本質(zhì)是前后端分離開發(fā)，幾乎無耦合，兩種通過接口文檔進(jìn)行對接，程序之前沒有依賴，前段依賴于接口。
2. json是語言無關(guān)的數(shù)據(jù)交換格式，ajax是網(wǎng)頁用來異步加載數(shù)據(jù)的操作，跟json并沒有必然的關(guān)系，如果你用xml或者純文本交換數(shù)據(jù)，那就跟json真沒關(guān)系
3. restapi的局限性太大，業(yè)務(wù)邏輯稍微復(fù)雜一點(diǎn)，直接玩完
4. 你的表述應(yīng)該是一套API,N個客戶端，寫好接口文檔，保障文檔質(zhì)量。

舉個實(shí)際例子。

1. 我現(xiàn)在有個微信端的webapp，vue+php前后端分離開發(fā)，JSON數(shù)據(jù)交換
2. webapp用戶開始大了，需要獨(dú)立開發(fā)APP，后端這時候不用改業(yè)務(wù)，頂多適配下APP第三方授權(quán)登錄，業(yè)務(wù)接口照舊，后端幾乎無開發(fā)成本
3. 我要做PC網(wǎng)頁端，與2同理
4. 我要PC桌面端，與2同理

后端開發(fā)成本只有一次

前后端分離項(xiàng)目難點(diǎn)在于dom渲染、異步開發(fā)、前后端協(xié)同調(diào)試。

異步開發(fā)，是執(zhí)行順序的問題。

dom渲染一般采取前端渲染（如果后端渲染，前后端協(xié)調(diào)難度又會增加，除非 api 也是你寫的），前端渲染如果僅通過 jquery 通過原始的拼接 dom字符串的形式或節(jié)點(diǎn)操作形式，基本不可能完成，所以要選擇一個合適的前端框架，能幫你做 dom渲染這件事，目前比較火的就三種：vue、angular、react。我比較熟悉 vue，學(xué)習(xí)他，你將接觸到不亞于服務(wù)端語言的前端生態(tài)圈，上手需要較長時間。

前后端協(xié)調(diào)僅出現(xiàn)在 api 開發(fā)一組人員、前端開發(fā)一組人員的情況下，前端做好界面，進(jìn)行數(shù)據(jù)對接的時候出現(xiàn)。

api 定義后好，是任何平臺都可使用的，你比如說一個產(chǎn)品列表，pc端、android、ios都有，只要定義好這個產(chǎn)品列表api，不就可以供 pc端、android、ios 使用，數(shù)據(jù)完全一致。如果 pc 端是采取非前后端開發(fā)的方式，那么在渲染模板之前，需要自己實(shí)現(xiàn)產(chǎn)品列表的服務(wù)端邏輯。