web前端與后臺數據交互

1.前端請求數據URL由誰來寫?

在開發中,URL主要是由后臺來寫的,寫好了給前端開發者.如果后臺在查詢數據,需要借助查詢條件才能查詢到前端需要的數據時,這時后臺會要求前端提供相關的查詢參數，這里的查詢參數也就是URL請求的參數。

2.接口文檔主要由誰來寫?

接口文檔也是主要由后臺開發者來寫的,因為直接跟數據打交道的就是后臺,后臺是最清楚,數據庫里面有什么數據,能返回什么數據.前端開發只是數據的被動接受者.所以接口文檔也主要是由后臺來完成的,前端只是接口文檔的使用者,使用過程中,發現返回的數據不對,則需要跟后臺進行商量,由后臺來修改.切記 前端不要隨意更改接口文檔,除非在取得后臺開發人員的同意的情況下.總的來講,接口文檔主要由后臺來設計,修改,前端開發者起到了輔助的作用。

3.前端開發與后臺交互的數據格式主要是什么?

主要是JSON

XML現在用的不多

4.前端開發的后臺交互原理？

在項目的時候，我們前后端會大概說一下接口地址，前端請求的參數，后端返回的參數，然后大家就開始寫，寫的差不多的時候，大家調一下接口看一下返回的數據，沒問題就可以了。

5.前端請求參數的形式

GET和POST兩種方式

對安全性不高 采用get方便

post要比get安全

GET - 從指定的服務器中獲取數據

POST - 提交數據給指定的服務器處理

6.前端應該告知后臺哪些有效信息,后臺才能返回前端想的數據的呢?

先將要展示的頁面內容進行模塊劃分，將模塊的內容提取出來，以及方便前端的一些標志值等，將所有想要的內容和邏輯告知后端，

后端就會去數據庫里面去查找相應的數據表中去獲得相應的內容，或者圖片地址信息。

URL中的參數主要是根據后臺需要,

如果后臺需要一個參數作為查詢的輔助條件 前端在URL數據請求時就傳遞參數。

參數前面？

幾個參數中間&

7.我們應該怎么把頁面這些信息有效傳達給后臺,以及后臺是如何獲取到這些數據?

總的來講:所有前端請求的URL后面的參數,都是輔助后臺數據查詢的.如果不需要參數,那么后臺就會直接給個URL給前端。

8.前端應該如何回拒一些本不屬于自己做的一些功能需求或任務?

在與后臺打交道中,我們經常遇到這種情況,有時候明明后臺來處理某個事件很簡單,后臺非要你來做,這時候我們應該懂得去回絕他。

原則:前端就是負責把數據展示在頁面上

發揮:這就需要我們對一個需求,一個任務的要有清晰認識了,如果對任務含糊不清,自己都沒搞明白,你只能受后臺擺布了.最后也會因為任務沒有完成而備受責難了。

9.當前端在調用數據接口時,發現有些數據不是我們想要的,那么前端應該怎么辦呢或者怎么跟后臺講呢?

首先要把請求的URL和返回的數據以及在頁面的展示的情況給跟后臺看,這樣有理有據,后臺開發人員是不會說什么的,否則,后臺會很不耐煩的,甚至罵你的可能都有,本身做后臺比較難,尤其在查詢數據,取數據,封裝數據方面都比較難處理。

10.為什么需要在請求的時候傳入參數？

因為后臺在查詢數據庫的時候需要條件查詢。

DEMO:

var data=JSON.stringify({“page”: {“pagenow”: 1,“pagesize”: 20},“file”:{“name”:“jpg”},“catalogs”:[{“id”:1},{“id”:2}]});

$.ajax({

type:“POST”,

url:"http://訪問的url",

data:data,

contentType:“application/json”,

success:function(data){

//顯示數據

}

});

注意：

一、contentType

contentType，可以是application/x-www-form-urlencoded這種默認類型的，不過當后臺有struts等框架的話，會在action之前攔截請求，并把request body 里面的值都讀出來，導致我們不能再request里面讀取到值，只能依賴struts的domain model

所有如果有后臺用這種機制的話，那就需要更改contentType:application/json，這樣子strust就不會攔截請求了。

二、stringify和parseJSON

這兩種方法不能亂用，一不小心的話就會導致后臺解析不了數據，正確的用法在上面。

stringify是將Json轉義，parseJSON是將json去除轉義并解析成對象

總結

前端傳后臺json，應該傳字符串過去，不能傳Object對象，而且要適當指定contentType。

————————————————