前端和后端數據交互的基本知識和常見方式


一。首先了解前端,后端,數據三者的關系。

  1.前端常常是是html,css,js三者的構成的頁面的總稱。運行在客戶端。以瀏覽器為例。

  2.后端常常是后端語言。比如php,java等寫的一些腳本。來操作服務器。

  3.數據,數據都放在服務器上。

    4.服務器上的,大多數數據會放在數據庫中,比如mysql數據庫,部分數據會緩存在文件中,比如一些配置文件,以加快響應速度。

   5.有兩個比較有趣的緩存數據,cookie和session,他們常常用來,記錄請求者的身份。cookie在客戶端,常常加密存在於客戶端里。session常常存在於服務端上。

  6.前端不能直接操作數據庫,必須通過后端,來進行操作。因此,就產生了前后端數據交互的問題。

二。前后端數據交互的原理

  基於BS模式下的前后端交互方式,遵循,請求響應原理。

  1.屬於網址,打開網頁,這本身就是一次基本的數據交互模式。

    前端發送請求,后端返回數據。

  2.大多數時候,我們討論前后端的交互方式時,在討論前后端都參與時的情況。

    所以,常見的前后端交互的基本框架如下:

    1.url地址(沒有url就無法發起一次請求)

    2.請求參數(請求一個url,然后發送請求參數,達到更精細化的請求)

    3.前端的觸發方式

                   用 form 可以發請求,但是會刷新頁面或新開頁面;
      用 a 可以發 get 請求,但是也會刷新頁面或新開頁面;
      用 img 可以發 get 請求,但是只能以圖片的形式展示;
      用 link 可以發 get 請求,但是只能以 CSS、favicon 的形式展示;
      用 script 可以發 get 請求,但是只能以腳本的形式運行。
      用jsonp實現請求,支持跨域請求。
      用ajax實現頁面無刷新的請求。

 

    4.前端觸發以后,前端請求的方式

      

    5.前端請求的數據格式------在請求響應中josn數據的編碼和解碼。

      對於請求參數和返回的數據,前后端會統一起來,使用同一個數據格式,一般有兩個XML和json。JOSN會更常用。

      請求的參數,可以被封裝成json格式,傳入到后端,后端,根據后端語言的系統常量,進行獲取,解析請求數據,操作數據庫,獲得數據庫數據,打包成json格式,最終以json格式的形式,傳給前端。

      這里,json是以小數據庫的形式出現了。js和json進行了編碼和解碼,php等也對json進行了編碼和解碼

      擴展文章:PHP 獲取 HTTP POST 請求的四種方式

 以上就是前后端交互的方式的大致總結了,涉及的基礎知識有,http協議,php,js,josn等相關內容,不太懂的可以回頭再看看。

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM