编辑“︁Marauroa Chat Tutorial/HTML5 Client”︁（章节）

== Handling actions ==

到目前为止，我们的客户端能够连接到基于 Marauroa 的服务器并显示一些基本反馈。 有一个聊天消息的输入字段。 现在我们要将这些消息发送到服务器。

为了保持我们的代码结构良好，我们创建了一个名为“ui”的对象和一个名为“chatbar”的子对象。 对于 Java 开发人员：虽然 Java 是一种基于类的编程语言，但 JavaScript 是基于原型的。


<source lang="javascript">
/** user interface package */
ui = {
        /** methods for the chat input box */
	chatBar: {
                /** clear the chat window */
		clear: function() {
			document.getElementById('chatbar').value = '';
		},

                /** send a message to the server */
		send: function() {
			var val = document.getElementById('chatbar').value;

			// create an RPAction object of type "chat" with the message.
			var action = {
				"type": "chat",
				"text": val;
			};

			// send the message to the server and clear the input field
			marauroa.clientFramework.sendAction(action);
			this.clear();
		}
	}
}
</source>