ajax-day01

A我天學(xué)了什么

之前巷疼,我們的網(wǎng)頁(yè):
CSS:樣式
JS:行為
HTML:結(jié)構(gòu)


平時(shí),網(wǎng)頁(yè)讓別人瀏覽,都是放在服務(wù)器上面
服務(wù)器是什么?
就是一臺(tái)電腦并徘,只不過(guò)性能較高。24小時(shí)不關(guān)機(jī)篙骡,端口隨時(shí)可以打開(kāi)闻伶;
之前我們買(mǎi)的網(wǎng)站空間,并不是服務(wù)器线得,他只是單純的網(wǎng)站空間饶唤;
網(wǎng)站空間是什么東西?
就是別人自己的服務(wù)器贯钩,分類(lèi)分好募狂,例如,一個(gè)硬盤(pán)分多少多少個(gè)網(wǎng)站空間
別人幫你把服務(wù)器搭建好角雷,寫(xiě)好一個(gè)可視化操作頁(yè)面祸穷,你只需訪問(wèn)這個(gè)頁(yè)面,就可以把文件放入別人的服務(wù)器里面勺三;
胖客戶端模式:C/S結(jié)構(gòu)雷滚,大部分?jǐn)?shù)據(jù)由客戶的處理,服務(wù)器壓力新鸺帷祈远;
瘦客戶度模式:B/S模式呆万,大部分?jǐn)?shù)據(jù)由服務(wù)器處理,客戶端壓力谐捣荨谋减;

計(jì)算機(jī)的通信協(xié)議:
計(jì)算機(jī)與計(jì)算機(jī)的交流:
http、ftp躬充、smtp/pop;
協(xié)議的本質(zhì),就是通過(guò)相互之間以約定好的方式進(jìn)行溝通





多臺(tái)計(jì)算機(jī)形成網(wǎng)絡(luò)讨便;
IP地址充甚,是確定網(wǎng)絡(luò)上的唯一一臺(tái)電腦的方法
注意,IP地址分為內(nèi)網(wǎng)IP和外網(wǎng)IP
通過(guò)域名:域名與IP地址綁定霸褒,通過(guò)域名可以找到IP地址伴找,一個(gè)IP可以綁定多個(gè)域名
DNS:域名和IP之間的連接
我們輸入:https://www.baidu.com/

1.  通過(guò)域名查找DNS找到IP地址
2.  通過(guò)IP地址,找到百度的服務(wù)器
3.  找到服務(wù)器以后废菱,通過(guò)端口技矮,找到服務(wù)器上面的應(yīng)用,例如apache;
4.  通過(guò)服務(wù)器的應(yīng)用殊轴,拿到我們的網(wǎng)頁(yè)文件:CSS衰倦、JS、HTML文件
5.  瀏覽器渲染文件旁理,把代碼變成我們看到的網(wǎng)頁(yè)



WAMP就是我們的集成環(huán)境:模擬一個(gè)服務(wù)器
W:window操作系統(tǒng)
A:Apache提供web服務(wù)
M:Mysql 數(shù)據(jù)庫(kù)樊零,用來(lái)存放數(shù)據(jù)
P:Php動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)語(yǔ)言

以后,我們測(cè)試前后臺(tái)交互的demo孽文,一定要放在服務(wù)器環(huán)境下驻襟,否則打不開(kāi),會(huì)報(bào)錯(cuò)




Wamp裝好以后芋哭,無(wú)法打開(kāi)沉衣,只是個(gè)環(huán)境
右鍵是對(duì)他進(jìn)行設(shè)置,比如可以設(shè)置為中文减牺。
左鍵單擊他豌习,打開(kāi)www目錄,然后拔疚,把里面自帶的東西全部刪掉
以后斑鸦,前后臺(tái)交互的demo全都放進(jìn)這個(gè)www目錄
接著,把你的這個(gè)www目錄丟進(jìn)編輯器
最后草雕,打開(kāi)localhost/文件路徑

前后端的角色分工:
前段巷屿,實(shí)現(xiàn)靜態(tài)效果,那么墩虹,后端到底是干嘛的嘱巾?
將前段頁(yè)面的預(yù)留位置填充數(shù)據(jù)憨琳,重新生成頁(yè)面,也就是按照模板動(dòng)態(tài)填充不同的內(nèi)容旬昭,生成不同的頁(yè)面

從開(kāi)發(fā)者的角度:
我們前段篙螟,將頁(yè)面效果寫(xiě)好,然后交給后端问拘。
后端從數(shù)據(jù)庫(kù)獲取數(shù)據(jù)遍略,根據(jù)特定的條件填充到頁(yè)面相應(yīng)的位置
客戶端請(qǐng)求動(dòng)態(tài)網(wǎng)站的PHP文件,PHP動(dòng)態(tài)生成HTML
Apache返回html給瀏覽器

Ajax就是干這個(gè)的:客戶端請(qǐng)求動(dòng)態(tài)網(wǎng)站的PHP文件






請(qǐng)求數(shù)據(jù)分為兩種情況:
同步和異步骤坐,
概念:同步就是阻塞和異步就是非阻塞绪杏;
同步:發(fā)送請(qǐng)求以后,一定要接收到返回的信息纽绍,才繼續(xù)執(zhí)行下一步蕾久;
異步:發(fā)送請(qǐng)求以后,只要保證對(duì)方收到請(qǐng)求拌夏,就直接執(zhí)行下一步操作僧著,不管對(duì)方啥時(shí)候給你回饋信息

注意,在這里給你講PHP的意思障簿,有兩個(gè)盹愚,第一個(gè),是希望你們以后上班看到后臺(tái)的PHP能有點(diǎn)眼熟站故,看得懂一個(gè)大概杯拐,第二個(gè)就是以后想自學(xué)PHP也算一個(gè)小小的入門(mén)
所以:不要求掌握
上班以后,不會(huì)要你們寫(xiě)PHP

Ajax的核心概念:就是異步請(qǐng)求
Ajax只是一個(gè)技術(shù)世蔗,不是什么語(yǔ)言端逼、、污淋、
Ajax的核心顶滩,就是XMLHttpRequest
Get和post兩種請(qǐng)求方式的區(qū)別:
1.  有一定安全性作用,例如get會(huì)直接把你的提交數(shù)據(jù)給顯示出來(lái)寸爆,而post不會(huì)
2.  Get一般情況下傳輸?shù)臄?shù)據(jù)量小礁鲁,post則多一些
3.  本質(zhì)上,沒(méi)太多的區(qū)別赁豆,后臺(tái)要你用get仅醇,你就用get,要你用post魔种,你就用post

如果析二,你用get方式發(fā)送請(qǐng)求,那么,就可以直接在路徑后面?zhèn)鬏敂?shù)據(jù)給后臺(tái)
路徑后跟叶摄?
属韧?后面跟數(shù)據(jù)的變量名字



readyState表示ajax的請(qǐng)求狀態(tài)
0:表示請(qǐng)求尚未初始化(還沒(méi)有調(diào)用open方法)
1:表示請(qǐng)求已經(jīng)建立,但是還沒(méi)有發(fā)送
2:表示請(qǐng)求已經(jīng)發(fā)送蛤吓,正在處理
3:表示請(qǐng)求處理中宵喂,并且已經(jīng)有數(shù)據(jù)了,但是服務(wù)器還沒(méi)給你
4:響應(yīng)完成会傲,拿到服務(wù)器數(shù)據(jù)了




xhr.status表示HTTP狀態(tài)碼
常見(jiàn)的狀態(tài)碼:
200:服務(wù)器成功返回網(wǎng)頁(yè)
404:請(qǐng)求的網(wǎng)頁(yè)不存在
503:服務(wù)可不用

http狀態(tài)碼:
1開(kāi)頭表示臨時(shí)響應(yīng)
2開(kāi)頭表示響應(yīng)成功
3開(kāi)頭表示地址有問(wèn)題
4開(kāi)始表示請(qǐng)求有問(wèn)題
5開(kāi)頭表示服務(wù)器有問(wèn)題

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末锅棕,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子淌山,更是在濱河造成了極大的恐慌裸燎,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,525評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件艾岂,死亡現(xiàn)場(chǎng)離奇詭異顺少,居然都是意外死亡朋其,警方通過(guò)查閱死者的電腦和手機(jī)王浴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,203評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)梅猿,“玉大人氓辣,你說(shuō)我怎么就攤上這事「を荆” “怎么了钞啸?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,862評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)喇潘。 經(jīng)常有香客問(wèn)我体斩,道長(zhǎng),這世上最難降的妖魔是什么颖低? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,728評(píng)論 1 294
  • 正文 為了忘掉前任絮吵,我火速辦了婚禮,結(jié)果婚禮上忱屑,老公的妹妹穿的比我還像新娘蹬敲。我一直安慰自己,他們只是感情好莺戒,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,743評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布伴嗡。 她就那樣靜靜地躺著,像睡著了一般从铲。 火紅的嫁衣襯著肌膚如雪瘪校。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,590評(píng)論 1 305
  • 那天名段,我揣著相機(jī)與錄音渣淤,去河邊找鬼赏寇。 笑死,一個(gè)胖子當(dāng)著我的面吹牛价认,可吹牛的內(nèi)容都是我干的嗅定。 我是一名探鬼主播,決...
    沈念sama閱讀 40,330評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼用踩,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼渠退!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起脐彩,我...
    開(kāi)封第一講書(shū)人閱讀 39,244評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤碎乃,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后惠奸,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體梅誓,經(jīng)...
    沈念sama閱讀 45,693評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,885評(píng)論 3 336
  • 正文 我和宋清朗相戀三年佛南,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了梗掰。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,001評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡嗅回,死狀恐怖及穗,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情绵载,我是刑警寧澤埂陆,帶...
    沈念sama閱讀 35,723評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站娃豹,受9級(jí)特大地震影響焚虱,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜懂版,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,343評(píng)論 3 330
  • 文/蒙蒙 一鹃栽、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧定续,春花似錦谍咆、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,919評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至倡鲸,卻和暖如春供嚎,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,042評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工克滴, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留逼争,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,191評(píng)論 3 370
  • 正文 我出身青樓劝赔,卻偏偏與公主長(zhǎng)得像誓焦,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子着帽,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,955評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 伴侶之間的溝通不良: 偏離主題杂伟。從一個(gè)主題跳到另一個(gè)主題嗜闻。在每個(gè)主題上呆的時(shí)間太短墓律。不停翻舊帳。 傾聽(tīng)很差胃夏,沒(méi)有耐...
    玩兒_溫暖閱讀 274評(píng)論 0 0
  • 夜之靜美 不在月有多圓予借,星有多亮 不在蟲(chóng)鳴聲聲越平,涼風(fēng)習(xí)習(xí) 亦不在霓虹閃閃,車(chē)水馬龍 而在心境豁達(dá)灵迫,怡然自樂(lè)
    特洛伊馬喬閱讀 88評(píng)論 0 0