作為一個合格的軟件測試人員， 能夠熟練定位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的原理之后，知道前后端數據交互方法，就可以快速定位數據傳輸的時候是前端還是后端的錯誤了。