本篇文章主要的講述了關於ajax的入門篇，關於ajax的的初級知識，你真的全會了嗎？看完這篇文章你就能大致的明白ajax的意義了。現在來閱讀本篇文章吧
文章簡述：這篇文章主要介紹ajax的是什麼，ajax的作用，和ajax請求的流程，並且在文章的分析一個ajax的一個簡單例子。
這裡主要是介紹我對於ajax的個人理解，如果想瞭解ajax的詳細概念，可以點擊下面的連結：
詳細的ajax的概念
ajax： 全稱是非同步JavaScript和xml，主要針對部分網頁進行無重新整理更新資料。ajax的作用： 主要是用於資料的互動。ajax的優點： 1.節省使用者的操作，時間，提高使用者體驗，減少資料請求。 2.傳輸擷取資料。（想看更多就到topic.alibabacloud.com欄目中學習）
在我們的日常瀏覽網頁的時候，一般會有如下幾個步驟 1.開啟瀏覽器 2.在瀏覽器上輸入地址 3.提交請求 4.等待伺服器返回內容
ajax的執行的流程和上述的流程有異曲同工的意思。
1.建立一個ajax對象----->XMLHttpRequest()，類同與開啟瀏覽器。 2.調用ajax對象的open()方法，---->在瀏覽器中輸入要訪問的網址。 3.調用ajax對象的send()方法，---->提交。 4.等待伺服器返回資料。
該程式主要實現的功能是: 在頁面中定義一個按鈕，當點擊按鈕時，將實現無重新整理的從後台擷取一個文本的資訊，並將它輸出在瀏覽器中。 程式的源碼：
ajax.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ajax的第一例子</title> <script> window.onload=function(){ var oBtn=document.getElementById("btn"); oBtn.onclick=function(){ var xhr=null; //為瞭解決相容性問題，先判斷是否存在XMLHttpRequest對象 if(window.XMLHttpRequest){ //如果存在就直接建立該對象 xhr=new XMLHttpRequest(); }else{ //如果不存在，就使用ActiveXObject外掛程式建立Microsoft.XMLHTTP對象。 xhr=new ActiveXObject('Microsoft.XMLHTTP'); } //調用ajax對象的open方法，傳入的三個參數分別是：資料請求的方式，請求的地址，是否非同步。 xhr.open('get','1.txt',true); //提交 xhr.send(); //等待伺服器返回資料 xhr.onreadystatechange = function(){ if(xhr.readyState==4){ if(xhr.status==200) { alert(xhr.responseText); } else{ alert("出錯了，錯誤資訊是："+xhr.status); } } } } } </script> </head>**重點內容** <body> <input type="button" value="按鈕" id="btn" /> </body> </html>
本篇文章到這就結束了（想看更多就到topic.alibabacloud.comAJAX使用手冊欄目中學習），有問題的可以在下方留言提問。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
