ajax編程
① ajax請求的五個步驟是什麼
第1步 創建非同步對象，首先，創建一個XMLHttpRequest非同步對象。
Ajax即AsynchronousJavascriptAndXML（非同步JavaScript和XML）在 2005年被Jesse James Garrett提出的新術語，用來描述一種使用現有技術集合的『新』方法。
使用Ajax技術網頁應用能夠快速地將增量更新呈現在用戶界面上，而不需要重載（刷新）整個頁面，這使得程序能夠更快地回應用戶的操作。
Ajax這個術語源自描述從基於 Web 的應用到基於數據的應用。
Ajax 不是一種新的編程語言，而是一種用於創建更好更快以及交互性更強的Web應用程序的技術。
② ajax請求的五個步驟
ajax請求的五個步驟：
1.建立XMLHttpRequest對象。
2.設置回調函數。
3.使用open方法與伺服器建立鏈接。
4.向伺服器發送數據。
5.在回調函數中針對不同的響應狀態進行處理。
Ajax即AsynchronousJavascriptAndXML（非同步JavaScript和XML）在 2005年被Jesse James Garrett提出的新術語，用來描述一種使用現有技術集合的『新』方法。
包括:HTML或XHTML, CSS,JavaScript,DOM, XML,XSLT, 以及最重要的XMLHttpRequest。
使用Ajax技術網頁應用能夠快速地將增量更新呈現在用戶界面上，而不需要重載（刷新）整個頁面，這使得程序能夠更快地回應用戶的操作。
Ajax這個術語源自描述從基於 Web 的應用到基於數據的應用：
Ajax 不是一種新的編程語言，而是一種用於創建更好更快以及交互性更強的Web應用程序的技術。
使用 JavaScript 向伺服器提出請求並處理響應而不阻塞用戶核心對象XMLHttpRequest。通過這個對象，您的 JavaScript 可在不重載頁面的情況與 Web 伺服器交換數據，即在不需要刷新頁面的情況下，就可以產生局部刷新的效果。
③ ajax如何編程
1.介紹
Asynchronous JavaScript and XML簡寫為AJAX，是指在不重載整個網頁的情況下，AJAX 通過後台載入數據，並在網頁上進行顯示。
2.load()
jQuery load() 方法是簡單但強大的 AJAX 方法。load() 方法從伺服器載入數據，並把返回的數據放入被選元素中:
$(selector).load(URL,data,callback);
a.載入外部整個文件
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="conte www.cshangzj.com nt-type" content="text/html;charset=utf8"/>
<script src
$(document).ready(function(){
$("#btn1").click(function(){
$('#test').load('./test.txt');<!--顯示test.txt文件中的文本-->
})
})
</script>
</head>
<body>
<h3 id="test">請點擊下面的按鈕，通過 jQuery AJAX 改變這段文本。</h3>
<button id="btn1" type="button">獲得外部的內容</button>
</body>
</html>
b.載入外部文件中指定部分
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf8"/>
<script src="pis.com/ajax/libs/jq www.hbbz08.com uery/1.8.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$('#test').load('./test.txt #p1');<!--顯示test.txt文件中id=p1的文本-->
})
})
</script>
</head>
<body>
<h3 id="test">請點擊下面的按鈕，通過 jQuery AJAX 改變這段文本。</h3>
<button id="btn1" type="button">獲得外部的內容</button>
</body>
</html>
c.載入外邊文件後，有回調函數
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf8"/>
<script src="h
$(document).ready(function(){
$("#btn1").click(function(){
$('#test').load('./test.txt',function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部內容載入成功！");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
})
})
</script>
</head>
<body>
<h3 id="test">請點擊下面的按鈕，通過 jQuery AJAX 改變這段文本。</h3>
<button id="btn1" type="button">獲得外部的內容</button>
</body>
</html>
d.test.txt內容(utf8編碼):
外邊無id指定內容
<p id="p1">外邊id=p1內容</p>
3.post/get
a.兩種在客戶端和伺服器端進行請求-響應的常用方法是：GET 和 POST:
GET - 從指定的資源請求數據
POST - 向指定的資源提交要處理的數據
GET 基本上用於從伺服器獲得（取回）數據。注釋：GET 方法可能返回緩存數據。
POST 也可用於從伺服器獲取數據。不過，POST 方法不會緩存數據，並且常用於連同請求一起發送數據。
b.$.get()
通過 HTTP GET 請求從伺服器上請求數據：
$.get(URL,callback);
<!DOCTYPE html>
<html>
<head>
<script srcgleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.get("/example/jquery/demo_test.asp",function(data,status){
alert("數據：" + data + "\n狀態：" + status);
});
});
});
</script>
</head>
<body>
<button>向頁面發送 HTTP GET 請求，然後獲得返回的結果</button>
</body>
</html>
這個 ASP 文件 ("demo_test.asp") 類似這樣：
<%
response.write("This is some text from an external ASP file.")
%>
c.$.post()
通過 HTTP POST 請求從伺服器上請求數據：
$.post(URL,data,callback);
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.post("/example/jquery/demo_test_post.asp",
{
name:"Donald Duck",
city:"Duckburg"
},
function(data,status){
alert("數據：" + data + "\n狀態：" + status);
});
});
});
</script>
</head>
<body>
<button>向頁面發送 HTTP POST 請求，並獲得返回的結果</button>
</body>
</html>
=
④ AJAX是什麼
AJAX是創建互動式網頁應用的網頁開發技術的一種。
Ajax = 非同步JavaScript和 XML 或者是 HTML（標准通用標記語言的子集）。可以用於創建快速動態網頁的技術。在無需重新載入整個網頁的情況下，能夠更新部分網頁的技術。通過在後台與伺服器進行少量數據交換，Ajax 可以使網頁實現非同步更新。這意味著可以在不重新載入整個網頁的情況下，對網頁的某部分進行更新。
傳統的網頁（不使用 Ajax）如果需要更新內容，必須重載整個網頁頁面。
(4)ajax編程擴展閱讀
Ajax 開發與傳統的B/S開發有很大的不同。這些不同引入了新的編程問題，最大的問題在於易用性。由於 Ajax 依賴瀏覽器的 JavaScript 和XML，瀏覽器的兼容性和支持的標准也變得和 JavaScript 的運行時性能一樣重要了。
綜合各種變化的技術和強耦合的客戶服務端環境，Ajax 提出了一種新的開發方式。Ajax 開發人員必須理解傳統的MVC架構，這限制了應用層次之間的邊界。同時，開發人員還需要考慮 B/S 環境的外部和使用 Ajax 技術來重定型 MVC 邊界。
最重要的是，Ajax 開發人員必須禁止以頁面集合的方式來考慮 Web 應用而需要將其認為是單個頁面。一旦 UI 設計與服務架構之間的范圍被嚴格區分開來後，開發人員就需要更新和變化的技術集合了。