日韩精品中文字幕一区二区-日韩精品中文字幕一区-日韩精品中文字幕视频-日韩精品在线一区二区三区-第一页在线-第一福利视频

當前位置: 首頁IT技術 → Ajax & XMLHttpRequset實例代碼分享

Ajax & XMLHttpRequset實例代碼分享

更多

下面提供給大家分享的是Ajax & XMLHttpRequset實例代碼。

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="java script">
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=java script>
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" onclick="ajaxSendRequest('http://www.baidu.com')">
83   
84  </body>
85</html>
86
  請看上面一個簡單的例子,通過他,我們能夠初步認識Ajax架構的工作模式!本例子,只包含了一個DIV標籤,用來顯示最後的結果,以及一個”查詢”button.整個執行流程如下:

Ajax的精神在於非同步傳輸,所以,在Ajax發出清球后,並不會待server的回應,而必須指定一個特定的對象讓XMLHttpRequest在接收到server的回應的時候通知java script.這個負責通知的onreadystatechange.

熱門評論
最新評論
昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
字數: 0/500 (您的評論需要經過審核才能顯示)
主站蜘蛛池模板: 记忆碎片剧情解析| 卧龙生| 山楂树下电视剧演员表| 母亲电影韩国完整版免费观看| 疯狂试爱四| 戏王之王演员表| 马路虫子图片| 嫩模啪啪喷水呻吟久久| 大浴女电视剧所有演员表| 流行性感冒ppt课件| 女脱衣服| 孙炜| 左佳| 西海情歌歌词全文| 达科塔·高尤| 电影周处除三害| 吻胸摸激情床激烈视频| 张大民的幸福生活| 安志杰电影全集大全| 书剑恩仇录演员表| 浙江卫视今日节目表| 村上信五| 章若楠高清壁纸| 第一财经电视| 茶馆剧本完整版| 何昊阳| angela white在线播放| 康熙王朝50集免费观看投屏电视剧| 男国少年梦 电影| 山子高科股吧| 内蒙古电视台| 杨紫琼所有的电影大全| 《卜算子》全文加拼音| 刀客家族| river flows in you吉他谱| 苍兰| 外道学园| 红日歌词完整版| 啪啪电影网址| 美国禁忌1984| 樱井步|