Ajax实战

1：调用WebService

namespace PatternTest
>

2：认识UpdatePanel

//前台代码
    <div>
    
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        
        </asp:ScriptManager>
    
    </div>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
        </ContentTemplate>
    </asp:UpdatePanel>
//后台代码
        protected void Button1_Click(object sender, EventArgs e)
        }

3：测试页面生命周期

    <script>
>

4：认识DomElement与DomEvent

   <script>
    
    //在element节点下按照ID查找页面元素
    //Sys.UI.DomElement.getElementById(id,element);
    //获得页面元素相对于窗体或frame的位置 x,y
    //Sys.UI.DomElement.getLocation(element);
    //设置element的位置，此位置跟parent node有关，如果parent node的position设置为absolute或relative，则此位置为相对于parent node的位置，否则为相对于窗体或frame的位置
    //Sys.UI.DomElement.setLocation(element,X,Y);
    //获取元素的边界信息
    //var b = Sys.UI.DomElement.getBounds($get("txtUserName"));
    //var height = b.height;
    //var width = b.width;
    //var x = b.x;
    //var y = b.y;
    //给element添加css class
    //Sys.UI.DomElement.addCssClass(element,cssname);
    //移出元素的CSS
    //Sys.UI.DomElement.removeCssClass(element,css);
    //如果element已有该css class则移除，否则添加
    //Sys.UI.DomElement.toggleCssClass(element,cssname);
    //判断element是否有该css class
    //Sys.UI.DomElement.containsCssClass(element,cssname);
    
    
    // 订阅事件处理函数，传递一个Sys.UI.DomEvent实例参数evt，通过这个evt参数，可以获得触发该事件的若干信息
    //Sys.UI.DomEvent.addHandler($get("btnCommit"),"mousedown",btnCommitMouseDown)
    //function btnCommitMouseDown(evt)
    //{}
    //移出事件
    //Sys.UI.DomEvent.removeHandler($get("btnCommit"),"mousedown",btnCommitMouseDown);
    //批量订阅事件
    //Sys.UI.DomEvent.addHandlers($get("btnCommit"), {"click":btnCommitClick, "keypress":btnCommitKeyPress});
    //function btnCommitClick(evt) {
    //    alert(evt.type);
    //}
    //function btnCommitKeyPress(evt) {
    //    alert(evt.type);
    //}
    //批量移出事件
    //Sys.UI.DomEvent.clearHandlers(element);
    
script>

5：调试

        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
    <textarea id="TraceConsole" cols="50" rows="10"></textarea>
    <script>
     //将一个跟踪文本信息在TraceConsole中显示
     //Sys.Debug.trace("调试信息");
     
     //将一个对象的所有属性信息（包括值）在TraceConsole中显示
     //Sys.Debug.traceDump(Sys.UI.DomElement.getLocation($get("TraceConsole")));
     
     //也就是我们在Unit Test中常见的断言，当condition为false的时候，脚本执行会异常终止，并提示message信息，如果displayCaller为true的话，将显示断言所属的调用者（函数）
     //Sys.Debug.assert(1>2,"傻瓜",false);
     
     //在Error下的几个方法可以帮助我们创建几个常用的内建的异常类型
     //try {
     //  throw Error.argumentNull();
     //    }
     //catch(e) {
     //  Sys.Debug.traceDump(e);
     //}
     
     //可以通过Error的create自定义异常类型
     //var myError = Error.create("myError", {name: " xxx", desc : "my cc"});
     //try {
     //    throw myError;
     //}
     //catch(e) {
     //    Sys.Debug.traceDump(e);
     //}     
    </script>

 6：面向对象

//脚本
Type.registerNamespace("Haixia");

script>

7：枚举

        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
    <script>
     Type.registerNamespace("Haixia");
     
script>