在div中加载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"将其弹出到您的元素中。