• 一个简单的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);
             
                
              }
    转载请注明出处[http://samlin.cnblogs.com/

    欢迎关注本人公众号:

    作者赞赏
  • 相关阅读:
    javascript 取整
    jQueryDom——Select、Option
    数据反解析
    获取MAC地址最有效方法作为软件加密时用到在不同系统平台下
    PowerDesigner的逆向工程.
    操作IC卡
    刷身份证读出相关信息
    控制弹出窗口样式
    软件项目或者产品有时候会用到本机网卡的物理MAC地址、IP地址、硬盘序列号加上使用软体名称和地址进行安全加密验证,例如结合MAC地址进行登录验证等等,当然这种项目一般在局域网内运行,能相对提高系统的安全性
    主要驗證是否有五個星期五五個星期六五個星期天
  • 原文地址:https://www.cnblogs.com/samlin/p/1138316.html
Copyright © 2020-2023  润新知