【分享】軟件測試--先後端數據交互

做爲一個合格的軟件測試人員， 可以熟練定位bug的位置是屬於前端仍是後端，是必備技能之一。因此就須要明白先後端數據是怎麼進行交互的。

1、網站數據處理主要分爲三層

第一層，表示層，這部分能夠用HTML代碼，CSS/Javascript代碼來實現等。經過前端代碼能夠實現網頁的佈局和設計。這層又能夠稱爲顯示層。也就是你用瀏覽器打開能看到的網頁。

第二層，是業務層，這層是負責處理數據的。經常使用的代碼語言有PHP,JSP，Java等。經過這些後臺處理語言的算法來處理前臺傳回的數據。必要的時候進行操做數據庫，而後把結果返回給前端網頁。

第三層，是數據層，這個就是數據庫，用來存儲數據的。經過業務層的操做能夠實現增刪改數據庫的操做。 ①你接觸到的是這個網頁是屬於表示層，這個網頁通常由HTML標籤結合CSS/JAVASCRIPT來實現的。 這時候你要先填入數據。 ②而後你按提交觸發後臺處理機制，這時候數據會傳到後臺的代碼進行處理。這部分代碼根據不一樣網站可使PHP,JSP，JAVA等。 代碼根據程序員預設的算法將收到的數據進行處理以後會相應的對數據庫進行操做，存儲數據等。 ③成功操做完數據庫以後，業務層的代碼會再向表示層也就是顯示器端傳回一個指令通知你表格填寫成功。

2、先後端數據交互方法

一、HTML賦值

二、JS賦值

三、script填充JSON

四、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的原理以後，知道先後端數據交互方法，就能夠快速定位數據傳輸的時候是前端仍是後端的錯誤了。