如何使用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（），例如，我认为文本更好，因为您希望将文本放入textarea

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

但是，如果您想在自定义div中放入一些html，

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

Answer 2

假设从submit.php返回一些值，如果表单成功提交，则返回status = true ，否则status = false

然后在您的ajax代码中，您可以将其用作

success: function(html){
  if(html.status == true)
    $('textarea#joke').html('Form submitted succcessfully');
  else
    $('textarea#joke').html('ERROR!');
}

要么

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

这将更新$('textarea#joke')的div内容

希望这对您有帮助。

谢谢。