AJAX创建类

原创 于 2008-02-11 13:50:00 发布 · 834 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ajax #javascript #function #prototype #asp.net #server

        今天在学习Ajax客户端的编程，摆弄了两个多小时。总是出现Type未定义，在网上查了些资料。说是要在web.config里配置ajax参数。最后才找出错误来。原来是JS文件未引入。

        学习ajax技术最好装visual studio 2005sp1 版， ASP.NET 2.0 AJAX Extensions，ASP.NET 2.0 AJAX Futures January CTP，AJAX Control Toolkit。否则web.config中会有找不到某个参数的异常。这主要是vs版本以用未使用ajax正式版的原因。

        这里仅列举出本人学习过程中的一些心得。希望正欲学习ajax的朋友不要犯我这样的小错误。
1 注册命名空间Demo Type.regitsterNamespace("Demo");
2 Person类的构造函数
3 Person类的方法 要使用JavaScript中的原型prototype机制
4 注册类Person
这四步必不可少，javascript非常难调试。主要原因是自己不熟。呵呵，反正要多写。

       下面列举出示例代码。 Namespace.js如下：

 

//1 注册命名空间
Type.registerNamespace("Demo")

//2 Person类的构造函数
Demo.Person = function(firstName, lastName, emailAddress) { 
    this._firstName = firstName; 
    this._lastName = lastName; 
    this._emailAddress = emailAddress; 
}

//3 Person类的方法 要使用JavaScript中的原型prototype机制
Demo.Person.prototype = { 
    getFirstName: function() { 
        return this._firstName; 
    },

    getLastName: function() { 
        return this._lastName; 
    },

    getName: function() { 
        return this._firstName + " " + this._lastName; 
    }, 
    
    getEmailAddress: function(){
        return this._emailAddress;
    },

    dispose: function() { 
        alert("再见 " + this.getName()); 
    } 
}

//4 注册类Person
Demo.Person.registerClass("Demo.Person", null, Sys.IDisposable);

 

Default.aspx代码如下：

 

<!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>
    <title>Namespace</title>
</head>
<body onunload="unload()">
    <form id="Form1" runat="server">
        <asp:ScriptManager ID="sm" runat="server" />
    </form>
    <div>
        <p>MS AJAX注册Javascript命名空间并创建类 </p>
        <input id="btn" type="button" value="Create Demo.Person" onclick="return btnClick()" />
    </div>
    <script type="text/javascript" src="Namespace.js" ></script>
    <script type="text/javascript" language="JavaScript">
        var ps = new Demo.Person( "Lin", "Shaoyun", "boy_clould@163.com");
        function btnClick() 
        {
            alert(ps.getFirstName()+ " " +ps.getLastName()+" "+ps.getEmailAddress());
            return false;
        }
        function unload()
        {
           ps.dispose();
        }
    </script>
</body>
</html>

zerolsy
关注
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值