Javascript 在div中加载post-ajax数据

我有下面的代码

    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 )
        });
    });

我所做的工作，但我认为必须有一个更好的（适当的方式来做到这一点）

---

我想我可以在success中从上面的行加载数据，但数据没有定义

根据以下描述：

从服务器加载数据，并将返回的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”
将其弹出到元素中定义为success:function（data）{。。。