一个简单的ajax

function_test.js文件
/**
* @author Sam Lin
* @date:February 14 ,2007
* @contact: linsentong@126.com
*/
function $()
{
    var elements= new Array();

    for(var i =0;i < arguments.length;i++)
    {
      //取得参数的每一个值
       var element= arguments[i];
       if(typeofelement == 'string')
          element =document.getElementById(element);

      //如果只是一个参数则返回
      if(arguments.length == 1)
          returnelement;

      elements.push(element);
    }
    returnelements;
}
//初始化XMLHttpRequest
var xmlHttp;
function InitiateXMLHttpRequest()
{

   if(window.XMLHttpRequest)
    {
       xmlHttp =new window.XMLHttpRequest();
    }
    else
    {
       try
       {
          xmlHttp =new ActiveXObject("Msxml2.XMLHTTP");
       }
      catch(e){
          try{
             xmlHttp =new ActiveXObject("Microsoft.XMLHTTP");
          }
         catch(e)
          {
             xmlHttp =false;
          }
       }
    }
    returnxmlHttp;
}
function CallServer(url)
{
   if(xmlHttp)
    {
      xmlHttp.open("GET",url,true);
      xmlHttp.onreadystatechange = DoCallBack;
      xmlHttp.send(null);
    }
}
function DoCallBack()
{
    var msg =$("divMessage").innerHTML;
   if(xmlHttp.readyState == 4)
    {
       msg +="Callback the server successful!<br/>ResponseText:"+xmlHttp.responseText+"<br />";
    }
    else
    {
       msg +="State:"+xmlHttp.readyState +"<br />";
    }
}

<%@ Page Language="C#" ContentType="text/html"ResponseEncoding="gb2312" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<script type="text/javascript"src="function_test.js"></script>
       <scripttype="text/javascript">
          functiontest()
          {
             var objTest= $("txtName");
            alert(objTest.value);
          }
          var xmlHttp= InitiateXMLHttpRequest();
         alert(xmlHttp);
          functionCallServer(url)
          {
            if(xmlHttp)
             {
               if($("txtName").value == "")
                {
                  alert("用户名不用为空!");
                  return;
                }
                else
                {
                   url +=$("txtName").value;
                }
               xmlHttp.open("POST",url,true);
               xmlHttp.onreadystatechange = DoCallBack;
               xmlHttp.send(null);
             }
          }
       functionDoCallBack()
       {

          var msg =$("divMessage").innerHTML;
          //msg ="HH";
          var tmp ="";
         if(xmlHttp.readyState == 4)
          {
            document.getElementById("results").innerHTML =xmlHttp.responseText;
             msg +="Callback the server successful!<br/>ResponseText:"+xmlHttp.responseText+"<br />";
             tmp +="Callback the server successful!<br/>ResponseText:"+xmlHttp.responseText+"<br />";
          }
          else
          {
             msg +="State:"+xmlHttp.readyState +"<br />";
             tmp+="State:"+xmlHttp.readyState +"<br />";

          }
         alert(msg);
       }
       //var sTemp= document.getElementById("spanMessage");
      //alert(sTemp.innerHTML);

       functionTest()
       {
         alert($("lblMessage").innerHTML);
       }
      </script>
<title>无标题文档</title>
</head>
<body MS_POSITIONING="GridLayout">
       <formid="Form1" method="post" runat="server">
          <inputtype="text" id="txtName" name="txtName"> <input type="button"id="btnOk" name="btnOk" value="OK"onclick="javascript:test()">
          <br/>
          <inputtype="button" value="CallBack" id="btnCallBack"onclick="CallServer('http://localhost/ch33/sendCallBack.aspx?name=')" />
          <divid="divMessage"></div>
          <spanid="spanMessage">t</span>
         <asp:Label ID="lblMessage"runat="server">OOO--</asp:Label>
          <inputtype="button" id="btnTest" value="Test" onclick="Test()"/>
      </form>
       <div id="results"></div>
</body>
</html>

ajax.aspx.cs文件
Page_Load事件如下:
private void Page_Load(object sender, System.EventArgs e)
       {
          //在此处放置用户代码以初始化页面
         if(Request.QueryString["name"] == null)
          {
            Response.Write("Sorry the programe is wrong!");
          }
          else
          {
             string name= Request.QueryString["name"].ToString();
            Response.Write("Welcome to use callback :"+name);


          }

posted @ 2008-04-05 16:23 Sam Lin 阅读(310) 评论(0) 编辑收藏举报

刷新页面返回顶部

一个简单的ajax

公告