"AJAX ??? ?? ???"?? AJAX? ??? ????? ??? ??? ?? ??? ???? ??? ?????. AJAX? ?? ???? ?? ???? ?? ??? ???? ???? ? ???? ??? ?????? ?????.
AJAX? "Asynchronous JavaScript and XML"(??? JavaScript ? XML ??)? ????, ?? ??? ??? ??? ???? ? ? ?? ??? ?????. Ajax? ??? Jesse James Jarrett? ??????.
?? ? ????????? ???? ??? ??? ? ???, ??? ???? ??? ? ??? ?????. ??? ???? ??? ???? ??? ?? ? ? ???? ?? ???? ? ???? HTML ?? ???? ???? ??? ???? ?? ?????. ? ?????? ???? ??? ??? ??? ??? ??????? ?? ??? ??? ?? ??? ?? ?????. ?? ?? ?? ??? ?? ??? ?? ?? UI? ?????.
?? ?? AJAX ??????? ??? ???? ??? ??? ??? ? ???, ??????? JavaScript? ???? ??? ??? ??? ? ????. ??? ???? ?? ???? ???? ?? ??? ??? ?? ??? ? ????. ??? ??? ???? ????? ????? ?? ?? ??? ??? ? ???? ? ??? ??? ?????.
?: AJAX? ??? ?? HTML, CSS, javascript? ?? ???? ??? ??? ???.
DHTML?? LAMP? ????? AJAX? ?? ??? ???? ?? ??? ?? ??? ????? ?????. ???? XML? ???? ??? ??? ??? ??? JSON?? ??? ? ???? ??? ?? ?? ???? AJAJ?? ?? ?????. ?????? ??? ????? ??? ????.
AJAX ?? ??
Instance
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Tryrun 1</title>
</head>
<body>
<div id="view">
<p>點擊下面的按鈕，將 Ajax 請求回來的數(shù)據更新在該文本內</p>
</div>
<button type="button" id="btn">發(fā)起 Ajax 請求</button>
<script>
document.getElementById("btn").onclick = ajaxRequest;
function ajaxRequest () {
var xhr = new XMLHttpRequest();
xhr.open("GET", "http://ipnx.cn/statics/demosource/ajax_info.txt", true);
xhr.send();
xhr.onreadystatechange = function(){
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById("view").innerHTML = xhr.responseText;
}
}
}
</script>
</body>???? ?? ?
??? ????? ??? "???? ??" ??? ?????
?: ?? AJAX ????? AJAX? ????? ???? ??? ???? ??? ? ??? ???. ??? ?? ?? PHP ??? ???? AJAX ????? ???? ???? ???? ???? ??? ????. ??? ??.
AJAX ??? ??
Ajax? ???? ?? ? ??? ?? ???? ?????? ??? ???? ??? ? ??? ????. ?? ?? ? ??????? ??? ??? ? ??? ???? ????? ?? ???? ?? ??? ??? ?? ??? ? ????.
Ajax?? ???? ????? ???? ??? ???? ?????? JavaScript? ??? ? ??? ???? ???. DHTML ??????? ????? Ajax ??????? ??? ????? ????? ???? ?????? ???. Ajax? ????? ?? Ajax ??? ????? ?? ???? ?????? ?????. ?????, JavaScript? ???? ?? ????? ?? ??? ???? ?? ? ?? ?? ????? ??? ??????.
Ajax ??? ?? ?? ??? ????? ?? ? ??? ??? ???? ? ??? ????. ???? ?????? ???? ?? ????? ???? ?? ???? ??? ? ???? ???? ?? ??? ??? ??? ? ????. ??? ?? ???? ???? ??? ??? ??? ??? ?? ?????. ???? ?? ?? ??? ???? ?? ?? ??? ??? ??? ????? Ajax ????????? ??? ????. ??? ???. ??? ????? ? ??? ???? ?? ??? ??? ???????. HTML5 ??? ???? ??? ???? ??? ????? ?? ?? ??? ??? ? ???? ?? ??? ???? ?? ??? IFRAME? ????? ???? ??????. (?? ?? ???? Google ???? ?? ???? ??? IFRAME?? ??? ?? ?? ??? Ajax ??? ???? ?????? ??? ??? ??? ?????.)
????? ???? ??? ??? ? ?? ??? ???? HTML5 ??? ? ?? ??? URL ?? ???(?? ???? ?, URL?? # ?? ??)? ???? ???? ???? ??? ??? ? ??? ?? ??????. ??? ?????? ??? ?????. (?? ????? JavaScript? ??? ???? ??????? ????? Ajax ??????? ??? ???? ?????? ?? ??? ????? ? ????.) HTML5? ??? ?? ??? ?? ????, ? ??? ??? ???? ????, ? ???? ? ????? ??? ? ????. ????? ???? ? ??? ?? ??? ?? ?????. ?? ? ?? ??? ??? ??? ? ?? ??? ??? ? ????.
Ajax? ??? ? ???? ?? ??, ? ???? ???? ??? ??? ??? ??? ??? ???? ???? ???. ????? ??? ??? ???? ???, ???? ??? ?? ?? ???, XMLHttpRequest? ????? ???? ???? ???? ??? ???. ???? ???? ??? ?? ??? ???? ???? ????? ??? ???? ???? ???? ?? ??? ????? ??? ????.
Application
XHTML+CSS? ???? ??? ?????.
JavaScript? ???? DOM(Document Object Model)? ???? ?? ??? ?????.
XML ? XSLT? ???? ???? ?????.
XMLHttpRequest ?? ??? Fetch API? ???? ? ??? ??? ??? ??? ?????.
AJAX? Flash, Silverlight ? Java Applet? ?? RIA ??? ????.? AJAX ???? ???? AJAX ????, AJAX ??, AJAX ??, XHR ?? ??, XHR ??, XHR ??, XHR ReadyState, AJAX? ???? AJAX? ?? ?? ?? ??? ????. ASP/PHP, AJAX ??????, AJAX XML ? ?? ??. ?:? AJAX ???? ????? ??? ??
? ????? ? ??? ?? AJAX ??? ???? ????. "?? ??" ??? ?? ???? ????? ??? ? ? ????. ??? ?? AJAX? ? ? ???? ???? ? ??? ???.
?? ?
- AJAX 實例 2016-10-19
- AJAX XML 2016-10-19
- AJAX 數(shù)據庫 2016-10-19
- AJAX ASP/PHP 2016-10-19
- XHR readystate 2016-10-19
- XHR 響應 2016-10-19
- XHR 請求 2016-10-19
- XHR 創(chuàng)建對象 2016-10-19
?? ??
- ? ??? ?? ??? ?? ?? ?? 2021-12-10
- ??? ?? ? ???? ????? ??: HTML5/CSS3/ES6/NPM/Vue/...[??] 2022-09-30
- Gulp ???? ??? ???? 2022-04-18
- ?? Gao Luofeng CSS3 ??? ???? 2022-04-20
- AngularJS ?? ? ?????? ?? ?? ??? ???? 2022-04-18
- Ajax ?? ?? 2022-04-13
- MUI ????? ?? ??? ???? 2022-04-13
- ??? ?? ?? ?? ?? 2019-01-10