• ASP.NET AJAX的一个简单实例


    Default.aspx全部代码:

    <%@ Page Language="C#" AutoEventWireup="true" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        
    <title>Default</title>
        
    <script language="javascript" type="text/javascript">
            var xmlHttp;
            
            function createXMLHttpRequest()
            {
                
    //判断浏览器类型并创建对象
                
    //IE
                if (window.ActiveXObject)
                {
                    xmlHttp 
    = new ActiveXObject("Microsoft.XMLHTTP");
                }
                
    //FF
                else if (window.XMLHttpRequest)
                {
                    xmlHttp 
    = new XMLHttpRequest();
                }
            }
            
            
    //光标处于输入框时引发的动作
            function updateTotal()
            {
                url 
    = "Default2.aspx?A=" + form1.elements["A"].value + "&B=" + form1.elements["B"].value;
                xmlHttp.open(
    "GET",url,true);
                xmlHttp.onreadystatechange 
    = doUpdate;
                xmlHttp.send();
                
    return false;
            }
            
            function doUpdate()
            {
                
    if (xmlHttp.readyState == 4)
                {
                    document.forms[
    0].elements["TOT"].value = xmlHttp.responseText;
                }
            }
        
    </script>
    </head>
    <body onload = "createXMLHttpRequest();">
        
    <form id="form1" action = "">
            
    <div>
                
    <p>
                
    <input type = "text" id="A" onkeyup = "updateTotal()" value = "0"/>
                
    <input type = "text"  id="B" onkeyup = "updateTotal()"/ value = "0" />
                
    </p>
                
    <p>
                
    <input type = "text"  id="TOT" />         
                
    </p>
                
    </div>
        
    </form>
    </body>
    </html>

    Default2.aspx全部代码(仅保留页面声明):

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2"  %>

    Default2.aspx.cs全部代码:

    using System;
    using System.Data;
    using System.Configuration;
    using System.Collections;
    using System.Web;
    using System.Web.Security;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Web.UI.WebControls.WebParts;
    using System.Web.UI.HtmlControls;

    public partial class Default2 : System.Web.UI.Page
    {
        
    protected void Page_Load(object sender, EventArgs e)
        {
            
    int a = 0;
            
    int b = 0;
            
    if (Request.QueryString["A"!= null)
            {
                a 
    = Convert.ToInt16( Request.QueryString["A"].ToString());
            }
            
    if (Request.QueryString["B"!= null)
            {
                b 
    = Convert.ToInt16( Request.QueryString["B"].ToString());
            }
            Response.Write(a 
    + b);
        }
    }

    运行的效果图:

    AJAX简单实例效果图

  • 相关阅读:
    bind智能DNS + bindUI管理系统(mysql + bind dlz)
    什么情况下,英文单词中的k发音变g,t发音变d,p发音变b
    rsyn同步软链接保持不变
    yaml,json,ini这三种格式用来做配置文件优缺点
    自动挡车档位介绍
    "挡位"还是"档位",究竟谁错了
    Gitlab备份与恢复、迁移与升级
    树的名称大全
    手动档正确换档手势
    gitlab HA集群
  • 原文地址:https://www.cnblogs.com/eecc/p/1255389.html
Copyright © 2020-2023  润新知