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