如何使用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內容

希望這對您有幫助。

謝謝。