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

转载于:https://www.cnblogs.com/eecc/archive/2008/07/29/1255389.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值