Web前端-Ajax基礎技術(上)

booster 發布于2019-04-23 11:46 / 2971人閱讀

摘要：前端基礎技術上是瀏覽器提供一套的用于向服務器發出請求，接受服務端返回的響應，通過調用，實現通過代碼控制請求與響應，實現網絡編程。事件的狀態信息，從到變化，為請求未初始化，為建立連接成功，為請求已接收，為請求處理中，為請求完成。。

Web前端-Ajax基礎技術(上)

ajax是瀏覽器提供一套的api,用于向服務器發出請求，接受服務端返回的響應，通過javascript調用，實現通過代碼控制請求與響應，實現網絡編程。

ajax發送請求：




 
 Ajax

http協議：

兼容：

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);
 }

}

實例：




 




//php

$id = isset($_GET["id"]) ? intval($_GET["id"]) : "";

$con = mysqli_connect("localhost","root","123456");

if (!$con)
{
    die("連接失敗: " . mysqli_error($con));
}

// 選擇數據庫
mysqli_select_db($con,"test");

// 設置編碼
mysqli_set_charset($con, "utf8");

$sql="SELECT * FROM Websites WHERE id = "".$id.""";
 
$result = mysqli_query($con,$sql);

結言

好了，歡迎在留言區留言，與大家分享你的經驗和心得。

感謝你學習今天的內容，如果你覺得這篇文章對你有幫助的話，也歡迎把它分享給更多的朋友，感謝。

作者簡介

達叔，理工男，簡書作者&全棧工程師，感性理性兼備的寫作者，個人獨立開發者，我相信你也可以！閱讀他的文章，會上癮！，幫你成為更好的自己。長按下方二維碼可關注，歡迎分享，置頂尤佳。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1135.html

前端相關大雜燴

摘要：希望幫助更多的前端愛好者學習。前端開發者指南作者科迪林黎，由前端大師傾情贊助。翻譯最佳實踐譯者張捷滬江前端開發工程師當你問起有關與時，老司機們首先就會告訴你其實是個沒有網絡請求功能的庫。前端基礎面試題(JS部分) 前端基礎面試題(JS部分) 學習 React.js 比你想象的要簡單原文地址：Learning React.js is easier than you think 原文作...

fuyi501 2019-08-22 13:46 評論0 收藏0
Web前端-Ajax基礎技術(下)

摘要：前端基礎技術下你要明白是什么，怎么使用，程序是將信息放入公共的服務器，讓所有網絡用戶可以通過瀏覽器進行訪問。獲取字符串形式的響應數據，獲取形式的響應數據。基礎回顧原理是借助標簽發送跨域請求的技巧。 Web前端-Ajax基礎技術(下) 你要明白ajax是什么，怎么使用？ ajax，web程序是將信息放入公共的服務器，讓所有網絡用戶可以通過瀏覽器進行訪問。瀏覽器發送請求，獲取服務器的數據：...

趙連江 2019-04-23 11:44 評論0 收藏0
大前端2018現在上車還還得及么

摘要：面向對象三大特征繼承性多態性封裝性接口。第五階段封裝一個屬于自己的框架框架封裝基礎事件流冒泡捕獲事件對象事件框架選擇框架。核心模塊和對象全局對象，，，事件驅動，事件發射器加密解密，路徑操作，序列化和反序列化文件流操作服務端與客戶端。第一階段： HTML+CSS:HTML進階、CSS進階、div+css布局、HTML+css整站開發、 JavaScript基礎：Js基礎教程、js內置對...

stormgens 2019-08-01 18:25 評論0 收藏0
大前端2018現在上車還還得及么

摘要：面向對象三大特征繼承性多態性封裝性接口。第五階段封裝一個屬于自己的框架框架封裝基礎事件流冒泡捕獲事件對象事件框架選擇框架。核心模塊和對象全局對象，，，事件驅動，事件發射器加密解密，路徑操作，序列化和反序列化文件流操作服務端與客戶端。第一階段： HTML+CSS:HTML進階、CSS進階、div+css布局、HTML+css整站開發、 JavaScript基礎：Js基礎教程、js內置對...

mylxsw 2019-08-22 13:49 評論0 收藏0