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简单实例效果图

  • 相关阅读:
    Servlet----------在 Servlet 中的xml配置
    java连接数据库时的报错
    借用HTML5 插入视频。音频
    多线程的总结
    穷举法例子
    利用递归求最大公约数和最小公倍数
    递归逆序的使用
    Mac OS X运行程序出现bad interpreter: operation not permitted的解决方案
    C#之枚举类型
    窗体的单例模式
  • 原文地址:https://www.cnblogs.com/eecc/p/1255389.html
Copyright © 2011-2022 走看看