偶然間看到這篇文章閱讀量最高,相信一些小白對一些前后端交互的事情還是一頭霧水,那么借着這次機會我在這篇文章的開頭加上一些自己的看法希望可以幫到你們
前后端交互其實說起來很高大上的樣子,其實也就那樣,等你對接口了以后發現也很簡單啊
接口數據格式你可以和你的后端商量,比較正規的會給你一個接口文檔,上面寫清了參數和代表的意義,以及傳遞的數據類型,接着他會給你一個接口,然后我們前端要做的就是對接口了,一般是用ajax來請求接口,請求里面放上url,dataType和success成功以后要執行的操作就好了,在這個成功函數里面你可以寫當你這個請求成功以后你想執行的操作,當你不確定是否請求到的時候,你可以F12來查看響應碼,或者在成功函數里面打印console.log(data)來檢查,記得這個data也要傳遞給success函數哦,就是這個成功函數的形參,名字你可以隨便換,下面保持一致就可以了
還有什么不懂的可以看我博客上其他的內容,相信肯定有你想要的,從基礎到大神麻煩關注我,我們一起成長
(想看怎么對接口的可以看Echarts實戰或者ajax專題,或者有問題直接留言我會盡我所能)
下面文章來源:apple_wheat
1、前端請求數據URL由誰來寫
在開發中,URL主要是由后台來寫好給前端。
若后台在查詢數據,需要借助查詢條件才能查詢到前端需要的數據時,這時后台會要求前端提供相關的查詢參數(即URL請求的參數)。
2、接口文檔主要由誰來寫
接口文檔主要由后台設計和修改。
后台直接跟數據打交道,最清楚數據庫里有什么數據,能返回什么數據。
前端只是數據的被動接受者,只是接口文檔的使用者。
使用過程中,發現返回的數據部隊,則跟后台商量,由后台修改。
切記:前端不能隨意更改接口文檔,除非取得后台同意。
3、前端與后台交互的數據格式
主要是JSON,XML現在用的不多
4、前端與后台的交互原理
關注點:接口地址、前端請求的參數、后端返回的參數。
調一下接口,看一下返回的數據。
5、前端請求參數的形式
GET和POST兩種方式
GET從指定的服務器中獲取數據,POST提交數據給指定的服務器處理
6、前端應該告知后台那些有效信息,后台才能返回前端想要的數據
先將要展示的頁面內容進行模塊划分,將模塊的內容提取出來,以及方便前端的一些標志值等,將所有想要的內容和邏輯告知后端
后端從數據庫里面去查詢相應的數據表以獲得相應的內容或者圖片地址信息
URL中的參數主要是根據后台需要,若后台需要一個參數作為查詢的輔助條件,前端在URL數據請求時就傳遞參數
7、前端如何把頁面信息有效傳達給后台,以及后台如何獲取到這些數據
所有前端請求的URL后面的參數都是輔助后台數據查詢的
若不需要參數,那后台就會直接給個URL給前端
8、前端應該如何回拒一些本不屬於自己做的一些功能需求或任務
前端負責把數據展示在頁面上
清晰的認識自己需要做的需求和任務
9、當前端在調用數據接口時,發現有些數據不是我們想要的,那么前端應該怎么辦
把請求的URL和返回的數據以及在頁面的展示的情況給后台看【后台查詢數據、取數據、封裝數據方面等蠻難處理的】
10、為什么需要在請求的時候傳入參數
后台在查詢數據庫的時候需要條件查詢