摘要:前端基礎(chǔ)技術(shù)上是瀏覽器提供一套的用于向服務(wù)器發(fā)出請(qǐng)求,接受服務(wù)端返回的響應(yīng),通過(guò)調(diào)用,實(shí)現(xiàn)通過(guò)代碼控制請(qǐng)求與響應(yīng),實(shí)現(xiàn)網(wǎng)絡(luò)編程。事件的狀態(tài)信息,從到變化,為請(qǐng)求未初始化,為建立連接成功,為請(qǐng)求已接收,為請(qǐng)求處理中,為請(qǐng)求完成。。
Web
前端-Ajax
基礎(chǔ)技術(shù)(上)
ajax
是瀏覽器提供一套的api
,用于向服務(wù)器發(fā)出請(qǐng)求,接受服務(wù)端返回的響應(yīng),通過(guò)javascript
調(diào)用,實(shí)現(xiàn)通過(guò)代碼控制請(qǐng)求與響應(yīng),實(shí)現(xiàn)網(wǎng)絡(luò)編程。
ajax
發(fā)送請(qǐng)求:
Ajax
http
協(xié)議:
兼容:
var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
模板:
https//aui.github.io/art-template/
面試手寫(xiě):
var xhr = new XMLHttpRequest();
xhr.open("GET", "###.php");
xhr.send(null);
xhr.onreadystatechange = function() {
if(this.readyState === 4){
console.log(this);
}
}
實(shí)例:
實(shí)例:
//php
$id = isset($_GET["id"]) ? intval($_GET["id"]) : "";
$con = mysqli_connect("localhost","root","123456");
if (!$con)
{
die("連接失敗: " . mysqli_error($con));
}
// 選擇數(shù)據(jù)庫(kù)
mysqli_select_db($con,"test");
// 設(shè)置編碼
mysqli_set_charset($con, "utf8");
$sql="SELECT * FROM Websites WHERE id = "".$id.""";
$result = mysqli_query($con,$sql);
好了,歡迎在留言區(qū)留言,與大家分享你的經(jīng)驗(yàn)和心得。
感謝你學(xué)習(xí)今天的內(nèi)容,如果你覺(jué)得這篇文章對(duì)你有幫助的話(huà),也歡迎把它分享給更多的朋友,感謝。
作者簡(jiǎn)介
達(dá)叔,理工男,簡(jiǎn)書(shū)作者&全棧工程師,感性理性兼?zhèn)涞膶?xiě)作者,個(gè)人獨(dú)立開(kāi)發(fā)者,我相信你也可以!閱讀他的文章,會(huì)上癮!,幫你成為更好的自己。長(zhǎng)按下方二維碼可關(guān)注,歡迎分享,置頂尤佳。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/1135.html
摘要:希望幫助更多的前端愛(ài)好者學(xué)習(xí)。前端開(kāi)發(fā)者指南作者科迪林黎,由前端大師傾情贊助。翻譯最佳實(shí)踐譯者張捷滬江前端開(kāi)發(fā)工程師當(dāng)你問(wèn)起有關(guān)與時(shí),老司機(jī)們首先就會(huì)告訴你其實(shí)是個(gè)沒(méi)有網(wǎng)絡(luò)請(qǐng)求功能的庫(kù)。 前端基礎(chǔ)面試題(JS部分) 前端基礎(chǔ)面試題(JS部分) 學(xué)習(xí) React.js 比你想象的要簡(jiǎn)單 原文地址:Learning React.js is easier than you think 原文作...
摘要:前端基礎(chǔ)技術(shù)下你要明白是什么,怎么使用,程序是將信息放入公共的服務(wù)器,讓所有網(wǎng)絡(luò)用戶(hù)可以通過(guò)瀏覽器進(jìn)行訪(fǎng)問(wèn)。獲取字符串形式的響應(yīng)數(shù)據(jù),獲取形式的響應(yīng)數(shù)據(jù)?;A(chǔ)回顧原理是借助標(biāo)簽發(fā)送跨域請(qǐng)求的技巧。 Web前端-Ajax基礎(chǔ)技術(shù)(下) 你要明白ajax是什么,怎么使用? ajax,web程序是將信息放入公共的服務(wù)器,讓所有網(wǎng)絡(luò)用戶(hù)可以通過(guò)瀏覽器進(jìn)行訪(fǎng)問(wèn)。 瀏覽器發(fā)送請(qǐng)求,獲取服務(wù)器的數(shù)據(jù):...
摘要:面向?qū)ο笕筇卣骼^承性多態(tài)性封裝性接口。第五階段封裝一個(gè)屬于自己的框架框架封裝基礎(chǔ)事件流冒泡捕獲事件對(duì)象事件框架選擇框架。核心模塊和對(duì)象全局對(duì)象,,,事件驅(qū)動(dòng),事件發(fā)射器加密解密,路徑操作,序列化和反序列化文件流操作服務(wù)端與客戶(hù)端。 第一階段: HTML+CSS:HTML進(jìn)階、CSS進(jìn)階、div+css布局、HTML+css整站開(kāi)發(fā)、 JavaScript基礎(chǔ):Js基礎(chǔ)教程、js內(nèi)置對(duì)...
摘要:面向?qū)ο笕筇卣骼^承性多態(tài)性封裝性接口。第五階段封裝一個(gè)屬于自己的框架框架封裝基礎(chǔ)事件流冒泡捕獲事件對(duì)象事件框架選擇框架。核心模塊和對(duì)象全局對(duì)象,,,事件驅(qū)動(dòng),事件發(fā)射器加密解密,路徑操作,序列化和反序列化文件流操作服務(wù)端與客戶(hù)端。 第一階段: HTML+CSS:HTML進(jìn)階、CSS進(jìn)階、div+css布局、HTML+css整站開(kāi)發(fā)、 JavaScript基礎(chǔ):Js基礎(chǔ)教程、js內(nèi)置對(duì)...
閱讀 1703·2021-09-26 09:55
閱讀 3736·2021-09-22 15:31
閱讀 7448·2021-09-22 15:12
閱讀 2221·2021-09-22 10:02
閱讀 4693·2021-09-04 16:40
閱讀 1075·2019-08-30 15:55
閱讀 3032·2019-08-30 12:56
閱讀 1823·2019-08-30 12:44