ajax与asp.net2.0学习笔记(1)

两个程序文件实现功能就是在input1 input2输入 数字，那么立刻在input3中得到结果
1个叫做webform1.aspx
以下代码为webform1.aspx代码

<% @ Page Language = " C# "  AutoEventWireup = " false "  CodeFile = " webform1.aspx.cs "  Inherits = " webform1 "  EnableViewState = " false " %>

<! 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 runat = " server " >
     < title > AJAX TESTING </ title >
     < script language = " javascript "  type = " text/javascript " >
    var xmlHttp;
    function cm() ... {
    if(window.ActiveXObject)...{
        xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
     else if(window.XMLHttpRequest)...{
        xmlHttp = new XMLHttpRequest();
        xmlHttp.overrideMimeType("text/xml");
        }
       }
    
    function updateTotal() ... {
        frm = document.forms[0];
        url = "webform2.aspx?A="+frm.elements['A'].value+
            "&B="+frm.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 =parseInt(xmlHttp.responseText);
      
        }
    }
     </ script >
</ head >
< body onload = " cm() " ; >
     < form id = " form1 "  runat = " server " >
     < table height = " 143 "  cellspacing = " 0 "  cellpadding = " 0 "
        width = " 300 "  border = " 0 " >
       < tr valign = " top " >
         < td height = " 32 " > First value </ td >
         < td >< input type = " text "  id = " A "  value = " 0 "  onkeyup = " updateTotal(); "   /></ td >
        </ tr >
        < tr valign = " top " >
        < td height = " 32 " > second value </ td >
        < td >< input type = " text "  id = " B "  value = " 0 "  onkeyup = " updateTotal(); "   /></ td >
        </ tr >
        < tr valign = " top " >
         < td height = " 32 " > total value </ td >
         < td >< input type = " text "  id = " TOT "  value = " 0 "   /></ td >
         </ tr >
      </ table >
     </ form >
</ body >
</ html >

 
一个是程序是webform2.aspx,不过webform2.aspx内容为visual studio 2005 默认生成不做变化。变化的是其后置代码webform2.aspx.cs，以下为webform2.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  webform2 : 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);
    }
}