Ajax & XMLHttpRequset

最後更新：2017-02-28 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

ajax|xml

1<%@ Page language="c#" Codebehind="$FILENAME$.cs" AutoEventWireup="false" Inherits="$INHERITS$" %>
2<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
3
4<html>
5 <head>
6    <title>Ajax_exam1</title>
7    <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
8    <meta name="CODE_LANGUAGE" Content="C#">
9    <meta name=vs_defaultClientScript content="javascript">
10    <meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
11    <meta http-equiv="Content-Type" content="text/html charset=big5 "/>
12    <script language=javascript>
13
14        var ajax;
15        function CreateAJAX()
16        {
17            if(window.ActiveXObject)
18            {
19                try
20                {
21                    return new ActiveXObject("Msxml2.XMLHTTP");
22                }
23                catch(e)
24                {
25                    try
26                    {
27                        return new ActiveXObject("Microsoft.XMLHTTP");
28                    }
29                    catch(e2)
30                    {
31                        return null;
32                    }
33                }
34            }
35            else if(window.XMLHttpRequest)
36            {
37                return new XMLHttpRequest();
38            }
39            else
40            {
41                return null;
42            }
43        }
44
45        function onRcvData()
46        {
47            if(ajax.readyState == 4)
48            {
49                if(ajax.status == 200)
50                {
51                    var content = document.getElementById('content');
52                    content.innerHTML = ajax.responseText;
53                }
54                else
55                {
56                    alert('Error from server !');
57                }
58            }
59        }
60
61        function ajaxSendRequest(url)
62        {
63            ajax = CreateAJAX();
64            if(!ajax)
65            {
66                alert('explorer is unsupport !');
67                return 0;
68            }
69
70            ajax.onreadystatechange = onRcvData;
71            ajax.open("GET",url,true);
72            ajax.send("");
73        }
74
75
76    </script>
77 </head>
78 <body MS_POSITIONING="GridLayout">
79
80    <div id="content"></div>
81    <br>
82    <input type="button" value="search" >
83
84 </body>
85</html>
86
請看上面一個簡單的例子,通過他,我們能夠初步認識Ajax架構的工作模式!本例子,只包含了一個DIV標籤,用來顯示最後的結果,以及一個”查詢”button.整個執行流程如下:

Ajax的精神在於非同步傳輸,所以,在Ajax發出清球後,並不會待server的回應,而必須指定一個特定的對象讓XMLHttpRequest在接收到server的回應的時候通知javascript.這個負責通知的onreadystatechange.
http://robin0925.cnblogs.com/archive/2006/06/14/425811.html

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More