軟體測試--前後端資料互動

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