jquery - 如何在 jQuery 表单插件中附加 html 而不重写以前的 html

Question

嗨，我正在使用此代码表单 Jquery Form 插件

// prepare the form when the DOM is ready 
$(document).ready(function() { 
    // bind form using ajaxForm 
    $('#htmlForm').ajaxForm({ 
        // target identifies the element(s) to update with the server response 
        target: '#htmlExampleTarget', 

        // success identifies the function to invoke when the server response 
        // has been received; here we apply a fade-in effect to the new content 
        success: function() { 
            $('#htmlExampleTarget').fadeIn('slow'); 
        } 
    }); 
});

这里是页面http://jquery.malsup.com/form/#html的链接这段代码用新代码覆盖了以前的代码，但我需要的只是将新代码附加到以前的 html 中。我尝试过简单的 jquery .append()，但这也会覆盖代码。

Answer 1

您可以获取响应并自行附加它，而不是使用目标，

$(document).ready(function() {    

    // bind form using ajaxForm 
    $('#htmlForm').ajaxForm({ 
        // target identifies the element(s) to update with the server response 

        // success identifies the function to invoke when the server response 
        // has been received; here we apply a fade-in effect to the new content 
        success: function(response) { 
            $('#htmlExampleTarget').append(response);
            $('#htmlExampleTarget').fadeIn('slow'); 
        } 
    }); 
});

查看成功回调here