在div中加载Post Ajax数据

Question

我有下面的代码。

    jQuery(document).on('submit', '#myform', function (e) {
        e.preventDefault();
        var formdata = jQuery(this).serialize();
        jQuery.ajax({
            url: this.action,
            data: formdata,
            success: jQuery( "#popup" ).load( this.action + '?' + formdata )
        });
    });

但是我认为必须有更好的方法（正确的方法）？

我以为我可以从上面的行中成功加载数据，但是数据未定义？

Answer 1

基于jQuery.load的描述：

从服务器加载数据并将返回的HTML放入匹配的元素

看来您应该可以执行以下操作：

jQuery(document).on('submit', '#myform', function (e) {
    e.preventDefault();
    var formdata = jQuery(this).serialize();
    jQuery('#popup').load(this.action, formdata);
});

这应该采用服务器在this.action上返回的所有HTML，并使用id="popup"其弹出到您的元素中。