前后臺交互

今天小姐姐不分享代碼,來談談我對前后臺交互的認知哼转。

在web開發(fā)中明未,前后臺交互是一個至關重要的環(huán)節(jié),前后臺需要及時溝通壹蔓,工作才能順利進行趟妥,有時候就是因為溝通不夠,然后造成許多白用功佣蓉。不過披摄,對于剛接觸前端開發(fā)的小白來說,前后端交互的概念很模糊勇凭,不過不必緊張疚膊,經過幾個項目之后,就會好的虾标。

php + 前后臺交互

首先寓盗,我們的明白服務器的概念

服務器

什么是服務器?分為四大塊:

1.硬件:它是一臺主機璧函,基于三種主流的操作系統(tǒng):windows傀蚌、mac OS、UNIX/LINUX.

2.軟件:支持服務蘸吓,支持軟件的
它的服務類型分為三種:

  • FTP:提供文件上傳下載的服務器善炫,可以稱為文件服務器
  • HTPP/HTPPS:提供web服務的服務器,支持的軟件有Ningx和Apache
  • mySQL:提供Mysql數(shù)據(jù)庫服務的服務器

3.聯(lián)網(wǎng):服務器需要通過網(wǎng)絡連接美澳,為外界提供服務

  1. 后臺語言環(huán)境的支持:如:js 销部、java、 php(使用最廣泛的編程語言)制跟、Python

web服務器的配置:首先建立網(wǎng)站根目錄舅桩,使用后臺語言編譯。

前后臺交互

?一雨膨、 服務器端主要完成的功能
  1. 接受前臺提交的數(shù)據(jù)
  2. 對前臺提交的數(shù)據(jù)進行處理
  3. 服務器向前端返回數(shù)據(jù)
  4. 存儲數(shù)據(jù)
二擂涛、數(shù)據(jù)傳送方式
  1. get方式:
  • 不安全;
  • get數(shù)據(jù)有限制聊记;
  • get是通過url提交數(shù)據(jù)?參數(shù)
  1. post方式:
  • post數(shù)據(jù)理論上沒有限制
  • post數(shù)據(jù)是在http請求頭的主體部分發(fā)送的
  • 相對安全
三撒妈、數(shù)據(jù)提交方式

1. 在鏈接地址上使用?提交 , 只有get一種傳送方式排监。

2. form表單方式

  • 可以實現(xiàn)POST與GET兩種數(shù)據(jù)傳送方式
  • 可以跨域提交數(shù)據(jù)
  • 使用iframe方式實現(xiàn)局部刷新(iframe)不支持跨域

3. 通過script標簽的src屬性

  • 只能使用get方式
  • 獨立的實現(xiàn)局部刷新
  • 支持跨域
  • JSON與JSONP 他們的詳細介紹在我的上一篇博客里已經說過狰右,這里就不重復了,想要了解的可以點擊:http://www.reibang.com/p/f46dd756873e

4 .XHR對象舆床,XMLHttpRequest

  • 創(chuàng)建對象: var xhr = new XMLHttpRequset();
  • 方法:xhr.open(); 三個參數(shù)(GET/POST,url,同步|異步)
  • 事件:onreadyStateChange: 當XHR狀態(tài)發(fā)生變化的時候會執(zhí)行
    onload: 數(shù)據(jù)接收完畢互執(zhí)行
  • 屬性:responseText : 服務器返回的數(shù)據(jù)
    readyState XHR的執(zhí)行狀態(tài)棋蚌,有五種狀態(tài):

0 - 初識狀態(tài)
1 - 創(chuàng)建鏈接
2 - 發(fā)送數(shù)據(jù)
3 - 服務器開始返回數(shù)據(jù)
4 - 數(shù)據(jù)接受完畢

5. FormData 模擬表單提交

創(chuàng)建表單對象:var formData = new FromData();
添加數(shù)據(jù)方法: append

6. jquery Ajax封裝

常用的四種方法:

  1. $.ajax()
  2. $load()
  3. $get()
  4. post()
    具體用法大家可以查手冊嫁佳,這里就不過多介紹了。

還有數(shù)據(jù)庫的一些知識還沒分享谷暮,后續(xù)會分享的蒿往,歡迎關注,哈哈哈哈哈哈~~~~

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末湿弦,一起剝皮案震驚了整個濱河市瓤漏,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌颊埃,老刑警劉巖蔬充,帶你破解...
    沈念sama閱讀 217,657評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異竟秫,居然都是意外死亡娃惯,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評論 3 394
  • 文/潘曉璐 我一進店門肥败,熙熙樓的掌柜王于貴愁眉苦臉地迎上來趾浅,“玉大人,你說我怎么就攤上這事馒稍∶笊冢” “怎么了?”我有些...
    開封第一講書人閱讀 164,057評論 0 354
  • 文/不壞的土叔 我叫張陵纽谒,是天一觀的道長证膨。 經常有香客問我,道長鼓黔,這世上最難降的妖魔是什么央勒? 我笑而不...
    開封第一講書人閱讀 58,509評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮澳化,結果婚禮上崔步,老公的妹妹穿的比我還像新娘。我一直安慰自己缎谷,他們只是感情好井濒,可當我...
    茶點故事閱讀 67,562評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著列林,像睡著了一般瑞你。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上希痴,一...
    開封第一講書人閱讀 51,443評論 1 302
  • 那天猪腕,我揣著相機與錄音弛饭,去河邊找鬼贺拣。 笑死,一個胖子當著我的面吹牛挽懦,可吹牛的內容都是我干的。 我是一名探鬼主播穴肘,決...
    沈念sama閱讀 40,251評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼搏恤,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了舶赔?” 一聲冷哼從身側響起扫倡,我...
    開封第一講書人閱讀 39,129評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎竟纳,沒想到半個月后撵溃,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 45,561評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡锥累,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,779評論 3 335
  • 正文 我和宋清朗相戀三年缘挑,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片桶略。...
    茶點故事閱讀 39,902評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡语淘,死狀恐怖,靈堂內的尸體忽然破棺而出际歼,到底是詐尸還是另有隱情惶翻,我是刑警寧澤,帶...
    沈念sama閱讀 35,621評論 5 345
  • 正文 年R本政府宣布鹅心,位于F島的核電站吕粗,受9級特大地震影響,放射性物質發(fā)生泄漏旭愧。R本人自食惡果不足惜颅筋,卻給世界環(huán)境...
    茶點故事閱讀 41,220評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望输枯。 院中可真熱鬧议泵,春花似錦、人聲如沸用押。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蜻拨。三九已至池充,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間缎讼,已是汗流浹背收夸。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留血崭,地道東北人卧惜。 一個月前我還...
    沈念sama閱讀 48,025評論 2 370
  • 正文 我出身青樓厘灼,卻偏偏與公主長得像,于是被迫代替她去往敵國和親咽瓷。 傳聞我的和親對象是個殘疾皇子设凹,可洞房花燭夜當晚...
    茶點故事閱讀 44,843評論 2 354

推薦閱讀更多精彩內容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn)茅姜,斷路器闪朱,智...
    卡卡羅2017閱讀 134,656評論 18 139
  • 舉例:外賣餐廳訂餐初識狀態(tài): 具體的菜單(菜品+價格),前臺要從后臺獲取钻洒,這時就要前臺想后臺發(fā)送一個數(shù)據(jù)奋姿,jque...
    bo_bo_bo_la閱讀 2,583評論 0 2
  • AJAX 原生js操作ajax 1.創(chuàng)建XMLHttpRequest對象 var xhr = new XMLHtt...
    碧玉含香閱讀 3,201評論 0 7
  • 大家好头遭,我是IT修真院深圳分院第3期的學員寓免,一枚正直純潔善良的前端程序員,今天給大家分享一下任岸,修真院官網(wǎng)前端工程師...
    大大頭大閱讀 7,666評論 1 72
  • 第二章 (五) 溫柔的夜在月光下盡情彰顯著妖嬈...
    羅帆文集閱讀 286評論 0 1