AJAX - 燕過留毛筆記 super easy
ref: https://www.runoob.com/ajax/ajax-examples.html
簡單來講:使用者操作觸發js函式,函式裡有XMLHttpRequest物件給伺服器端傳送請求,獲得響應修改部分html內容的過程。
<!DOCTYPE html>
<html>
<head>
<title>ajax text</title>
</head>
<body>
<div id="a">
</div>
<button onclick="ajaxText()" type="button">get</button>
<script type="text/javascript">
function ajaxText() {
var ajaxRequest = new XMLHttpRequest();
ajaxRequest.onreadystatechange = function() {
if (ajaxrequest.readyState == 4 && ajaxrequest.status == 200)
document.getElementById("a").innerHTML = ajaxRequest.responseText;
}
ajaxRequest.open("GET", "./contend.txt", true);
ajaxRequest.send();
}
</script>
</body>
</html>
1.var ajaxRequest = new XMLHttpRequest();
2. ajaxRequest.onreadystatechange = function() {
if (ajaxrequest.readyState == 4 && ajaxrequest.status == 200)
document.getElementById("a").innerHTML = ajaxRequest.responseText;
}
3. ajaxRequest.open("GET", "./contend.txt", true);
4. ajaxRequest.send();
基本順序不能改
返回的響應內容可以有其他形式
相關文章
- 留數定理筆記筆記
- AJAX學習筆記筆記
- AWR 學習--留一個筆記筆記
- Ajax學習筆記demo筆記
- jQuery學習筆記(ajax)jQuery筆記
- jquery ajax學習筆記jQuery筆記
- ajax安全讀書筆記筆記
- Ajax&Json筆記JSON筆記
- easy雲盤專案開發筆記筆記
- Ext學習筆記6-Ajax筆記
- Jquery+Ajax+php學習筆記jQueryPHP筆記
- this和super的區別和應用 學習筆記筆記
- ajax 學習筆記 updatepannel控制元件筆記控制元件
- 遊戲本的福音,GeForce SUPER系列筆記本上線在即遊戲筆記
- C語言_資料結構圖(留個筆記)C語言資料結構筆記
- Java開發筆記(四十九)關鍵字super的用法Java筆記
- 《印象筆記留給你的想象空間》:學會整理筆記
- Android-毛筆的探索與開發Android
- js--class類、super和estends關鍵詞的學習筆記JS筆記
- ASP.Net MVC開發基礎學習筆記(4):校驗、AJAX與過濾器ASP.NETMVC筆記過濾器
- easyui+ajax隨筆UI
- 運算子過載筆記筆記
- 協同過濾筆記筆記
- 過往業務筆記整理筆記
- Image Super-Resolution Using DeepConvolutional Networks論文閱讀筆記筆記
- 好程式設計師web前端培訓分享JavaScript學習筆記ajax及ajax封裝程式設計師Web前端JavaScript筆記封裝
- 前端筆記之伺服器&Ajax(中)MySQL基礎操作&PHP運算元據庫&Ajax前端筆記伺服器MySqlPHP
- 原生Ajax封裝隨筆封裝
- 通過ajax上傳excelExcel
- 【讀書筆記】Postgresql清理過程筆記SQL
- 隨機過程複習筆記隨機筆記
- 信管筆記 -- 專案管理過程筆記專案管理
- JavaScript superJavaScript
- 記canvas畫筆筆跡的多次優化過程Canvas優化
- linux 設定預留記憶體Linux記憶體
- 送人紙墨 百日留香 精美實用的留香閣毛筆
- 前端菜鳥帝都面試記 super | 掘金技術徵文前端面試
- minjun信管筆記 -- 專案管理過程筆記專案管理