使用原型通过Ajax提交表单并更新结果div

我想知道如何通过Ajax(使用原型框架)提交表单并在"结果"div中显示服务器响应.html看起来像这样:

    [...]
    

我试图将一个javascript函数(使用Ajax.Updater)附加到"onsubmit"(在表单上)和"onclick"(在输入上)但是在函数结束后表单仍然是"非Ajax"(所以整个页面被结果替换).

查看Prototype API的页面Form.Request和Event处理.

基本上,如果你有这个:

.... fields ....

你的js会或多或少:

Event.observe('myForm', 'submit', function(event) {
    $('myForm').request({
        onFailure: function() { .... },
        onSuccess: function(t) {
            $('result').update(t.responseText);
        }
    });
    Event.stop(event); // stop the form from submitting
});