jQuery AJAX 问题，这可能吗？

Question

我知道如何使用 jQuery $.ajax() 函数通过 ajax 提交表单。我的问题是，如果表单位于另一个页面上并且我通过 ajax 加载表单本身怎么办:

$('.contentDiv').load('form.php');

我可以通过 AJAX 提交此 AJAX 加载表单吗？

基本上我必须在正在使用的框架的限制内工作。该框架仅允许在特定 View 上呈现和提交某些表单。所以我需要在页面A上显示的表单只能在页面B上呈现并只能在页面B上提交。我可以通过ajax加载页面A上的表单，但是如果我编写代码通过ajax提交表单到它的原始形式A 页面上的操作(B 页面)会起作用吗？

如果我在B页面编写ajax代码，然后通过ajax在A页面加载ajax代码和表单，这样可以吗？

更新

好的，它确实有效。抱歉，如果我让它变得比原来更复杂。基本上，我将表单的 ajax 代码放在页面 B 上，并通过 load() 函数在页面 A 上加载表单和 ajax 代码，当我提交表单时，它会从页面 A 正确更新数据库字段。

Answer 1

您只需绑定(bind) $().load() 返回的表单元素的提交操作即可。

$('.contentDiv').load('form.php', function() {
    $('form#newFormId').submit(function() {
        var data = $(this).serialize();

        $.ajax({
            url:  'submithandler.php',
            data: data,
            success: function(data) {
             //response was ok, do something
            }
        });
        return false;
    });
})

如果您需要触发表单上的提交操作，您还可以执行以下操作:

$('form#newFormId').submit();