作爲一個合格的軟件測試人員， 能夠熟練定位bug的位置是屬於前端還是後端，是必備技能之一。所以就需要明白前後端數據是怎麼進行交互的。
一、網站數據處理主要分爲三層
第一層，表示層，這部分可以用HTML代碼，CSS/Javascript代碼來實現等。通過前端代碼可以實現網頁的佈局和設計。這層又可以稱爲顯示層。也就是你用瀏覽器打開能看到的網頁。
第二層，是業務層，這層是負責處理數據的。常用的代碼語言有PHP,JSP，Java等。通過這些後臺處理語言的算法來處理前臺傳回的數據。必要的時候進行操作數據庫，然後把結果返回給前端網頁。
第三層，是數據層，這個就是數據庫，用來存儲數據的。通過業務層的操作可以實現增刪改數據庫的操作。
①你接觸到的是這個網頁是屬於表示層，這個網頁一般由HTML標籤結合CSS/JAVASCRIPT來實現的。 這時候你要先填入數據。
②然後你按提交觸發後臺處理機制，這時候數據會傳到後臺的代碼進行處理。這部分代碼根據不同網站可以使PHP,JSP，JAVA等。 代碼根據程序員預設的算法將收到的數據進行處理之後會相應的對數據庫進行操作，存儲數據等。
③成功操作完數據庫之後，業務層的代碼會再向表示層也就是顯示器端傳回一個指令通知你表格填寫成功。
二、前後端數據交互方法
1、HTML賦值
2、JS賦值
3、script填充JSON
4、AJAX獲取JSON
前三個數據交互方法在AJAX獲取json的方法普遍使用之後，就很少使用了，今天主要了解一下ajax獲取json:
$.ajax({
type: "POST",//type是ajax的方法
url : "<%=path%>/resource/usermenus",//參數url,要把參數傳到什麼地方
data : {parentid:parentid,parentpath:parentpath},//傳遞什麼數據
success : function(data){//sucess表示，當數據返回成功後要怎麼做，返回的數據存儲在data
)}
Ajax進行數據交互就和我們使用接口測試工具的概念一樣，請求方式get/post,url地址，還有需要傳遞的參數，然後對返回的響應值進行處理。
在明白Ajax的原理之後，知道前後端數據交互方法，就可以快速定位數據傳輸的時候是前端還是後端的錯誤了