zoukankan      html  css  js  c++  java
  • 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简单实例效果图

  • 相关阅读:
    Pair Project: Elevator Scheduler
    Project: Individual Project
    【homework week5】初步了解敏捷开发——自由与约束的哲学统一
    【homework #1】第一次作业被虐感受
    To be transfered
    谈敏捷,谈开发 --《Agile Software Development》读后感
    结对编程---附加题作业(作业请参考相应博客)
    结对编程-电梯调度算法的实现 (附加题部分请参考对应博客)
    必应缤纷桌面的必应助手-软件分析和用户市场需求之-----二.体验部分 Ryan Mao (毛宇11061171) (完整版本请参考团队博客)
    对学长所谓“改变世界的游戏”《shield star》的运行感想-毛宇部分(完整版本请参考团队博客)
  • 原文地址:https://www.cnblogs.com/eecc/p/1255389.html
Copyright © 2011-2022 走看看