AJAXのお勉強

prototype.js クラス作成@AJAX

クラスの作成を行います。

Class.create()にて作成します。
prototypeにクラスの内容を記述します。
initializeは、コンストラクタです。

下記では、Customerクラスを作成しています。
コンストラクタでは、idとnameを設定し、
dispCustomerメソッドで、itとnameを表示します。


<html>
<head>
<title>prototype.js クラス作成</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
<!--

//クラス定義
var Customer = Class.create();

Customer.prototype = {

    //コンストラクタ
    initialize : function(id,name) {
        this.id = id;
        this.name = name;
    },
    
    //メソッド
    dispCustomer : function() {
        alert("ID:" + this.id + "、Name:" + this.name);
    }
};

//クラスの利用部分
function disp() {
    var cus = new Customer("001","名前");
    cus.dispCustomer();
}
// -->
</script>
</head>
<body>
<input type="button" value="表示" onclick="disp()">
</body>
</html>

Copyright (C) 2008 AJAXのお勉強. All Rights Reserved.