一段小巧完整Ajax demo

[ 2007-8-9 18:32:00 | By: 99love ]

<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="generator" content="HTML Tidy for Mac OS X (vers 1st March 2004), see www.w3.org" />
    <meta name="keywords" content="ajax, javascript" />
    <meta name="description" content="ajax" />
    <title>ajax templete</title>
    <link rel="bookmark" href="#search" title="Search |" />

    <script type="text/javascript">
  function createRequestObject() {
   var ro;
   var browser = navigator.appName;
   if(browser == "Microsoft Internet Explorer"){
    ro = new ActiveXObject("Microsoft.XMLHTTP");
    }else{
     ro = new XMLHttpRequest();
    }
    return ro;
   }

   var http = createRequestObject();

   function sndReq(action) {
    http.open('POST', 'Handler.ashx?action='+action,true);
    http.onreadystatechange = handleResponse;
    http.send(null);
    document.getElementById('MessBox').innerHTML="processing...";
   }

   function handleResponse() {
    if(http.readyState == 4){
    {
     var response = http.responseText;
     document.getElementById('MessBox').innerHTML = response;
    }
    }
   }
    </script>

</head>
<body>
    <input type="button" value="Get" onclick="sndReq('check')" />
    <div id="MessBox">
    </div>
</body>
</html>

<%@ WebHandler Language="C#" Class="Handler" %>

using System;
using System.Web;

public class Handler : IHttpHandler
{

    public void ProcessRequest(HttpContext context)
    {
        System.Threading.Thread.Sleep(3000);//停下来3秒以看效果
        context.Response.ContentType = "text/plain";
        if (context.Request.QueryString["action"] != null)
            switch (context.Request.QueryString["action"])
            {
                case "check":
                    context.Response.Write("Hello World!");
                    break;
                default:
                    context.Response.Write("error!");
                    break;
            }
        else
            context.Response.Write("error!");
    }

    public bool IsReusable
    {
        get
        {
            return false;
        }
    }

}



通过它,自己去扩展东东吧。

发表评论:

    密码:
    主页:
    标题:
    页面数据正在载入...
bxna 京ICP备05002321号