在谷歌应用程序引擎中构建Ajax表单-BuildingAjaxForminGoogleAppEngine

7  

You can use jquery Form plugin to submit forms using ajax. Works very well.

您可以使用jquery表单插件使用ajax提交表单。工作得很好。

$('#myFormId').submit(function() {
    // submit the form
    $(this).ajaxSubmit();
    return false;
});

1  

I'd add that in Firebug, you should see your ajax call pop up in the console. If you're getting the exception when you open that address, there's something up with your Python code. Maybe you're not correctly mapping your urls?

我要在Firebug中添加这一点，您应该会看到在控制台弹出ajax调用。如果您在打开该地址时遇到异常，那么您的Python代码就有问题了。也许你没有正确地映射你的url ?

1  

I've done it with something like this before in jQuery (not sure if it's the "best" way, but it works):

我以前用jQuery做过类似的事情(不确定这是否是最好的方法，但它确实有效):

function jsonhandler(data) {
   // do stuff with the JSON data here
}

var doajax = function () {
    arr = Object();
    $("#form_id").children("input,select").each(function() { arr[this.name] = this.value;});
    $.getJSON("", arr, function (data) { jsonhandler(data);});
}

$(document).ready(function () {
    $("#submit_button_id").replaceWith("");
    $("#sub").click(doajax);
}

You can replace the $.getJSON with whichever jQuery AJAX function does what you want. If you just want to display the output of the page you're calling, $.get is probably your best bet. If you have other input types besides input and select in your form, you'll need to add those to the children function as well.

您可以替换$。getJSON使用jQuery AJAX函数实现您想要的。如果你只想显示你调用的页面的输出，$。get可能是你最好的选择。如果在表单中除了输入和选择之外还有其他输入类型，那么还需要将它们添加到子函数中。