1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>無標題文檔</title>
6 <script type="text/javascript">
7 var xmlHttp;
8 function createXMLHttpRequest()
9 {
10 if(window.ActiveXObject)//判斷瀏覽器非同步物件類型；
11 {
12 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");//執行個體化非同步對象；
13 }
14 else if(window.XMLHttpRequest)
15 {
16 xmlHttp=new XMLHttpRequest();
17 }
18 }
19 function startRequest()
20 {
21 createXMLHttpRequest();//調用非同步對象；
22 xmlHttp.onreadystatechange=function()//響應伺服器調用方法；
23 {
24 if(xmlHttp.readyState==4)//判斷請求是否完成
25 {
26 var a=xmlHttp.responseText; //擷取伺服器返回的資料並賦給變數a
27 alert(a)
28 }
29 }
30 xmlHttp.open("GET","admin.php",true);//通過GET方法訪問一個伺服器端的URL連結指令碼並以非同步處理建立一個伺服器請求
31 xmlHttp.send(null);//發送一個請求；
32 }
33 </script>
34 </head>
35
36 <body>
37 <input type="button" value="提交" onclick="startRequest()" />
38 </body>
39 </html>
40
41 admin.php
42 <?php
43 echo "my name is youyou"
44 ?>
總結：
1：判斷瀏覽器並執行個體化XMLHttpRequest對象；
2：相應伺服器執行的程式碼片段；
3：建立通過open方法訪問伺服器指令碼語言的請求；
4：通過send方法發送這個請求；
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
