javascript - 如何使用 jquery 刷新页面或 div 以显示新数据

Question

我有一些 jquery 可以为我提交表单。它工作得很好。唯一的主要问题是它太简单了。

表单使用我的 php 脚本将信息提交到数据库而无需刷新页面，但页面不会以任何方式更新以显示新数据。有什么好的方法可以更新页面或 div，以便在提交表单后显示我的新数据。下面是我的代码

$(function() {
    $('#form').submit(function(e) {

        var data = $(this).serialize();

        // Stop the form actually posting
        e.preventDefault();

        // Send the request
        $.ajax({
            type: "POST",
            url: "submit.php",
            data: data,
            cache: false,
            success: function(html){
                $('textarea#joke').val('');
            }
        });
    });
});

Answer 1

你非常接近，只需使用 html() 方法或 text() 取决于你的需要，对于你的例子我认为文本更好，因为你想将文本放入文本区域

success: function(html){
                $('textarea#joke').text(html);
            }

但是如果你想将一些 html 放入自定义的 div 中，那么就可以

success: function(html){
                    $('#custom-div').html(html);
                }