【问题标题】：Update div after form submit表单提交后更新 div
【发布时间】：2013-08-02 22:28:38
【问题描述】：

我在 Stackoverflow 上的第一篇文章。

我正在用 bootstrap 和 php 构建一个页面。我在 div 的文本字段中从数据库加载值。

在同一页面中，我有一个加载模式的按钮，其中我在文本字段中加载了具有相同值的表单。

因此，如果用户更改表单中的值并点击更新，我希望关闭模式并在页面上更新值。

所有模式、表单、加载和保存数据库都在工作。我卡住的地方是 div 刷新数据部分。

任何建议。

【问题讨论】：

您需要向我们展示一些代码，您到现在为止都做了什么。这里没有人不能为你编写所有代码。
很抱歉，我一回到家就会这样做。我现在在火车上。对不起

标签： php mysql database refresh

【解决方案1】：

您可以使用text更改div的内容

$("div#some_id").text("new text")

或者使用html添加HTML

$("div#some_id").html("<h1>Hello</h1>")

或者使用变量

var post_name = "Update div after form submit";
$("div#some_id").text("Thanks for adding a new post called '" + post_name + "'")

【讨论】：

【解决方案2】：

如果你使用 jquery ajax 发布你可以这样做

$.ajax({
    type: 'POST',
    url: 'php file name',
    dataType: 'html',
    data: 'somedata',
    success: function(data) {
        $('#divID').html(data)
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
        alert("Failed to load");
    }
});

【讨论】：

【解决方案3】：

IF 是一个输入： api.jquery.com/val/

$(element_to_change).val(ajaxResponse.new_value)

或 api.jquery.com/html/

$(element_to_change).html(ajaxResponse.new_value)

模态

如果 modal 是 JqueryUI Dialog

http://api.jqueryui.com/dialog/#method-close

$(element_modal).dialog( "close" );

所以你可以这样做

$.ajax({
    success : function ( ajaxResponse ) {
      $(element_modal).dialog({
             close: function( event, ui ) {
             $(element_to_change).html(ajaxResponse.new_value) 
             //OR
              $(element_to_change).val(ajaxResponse.new_value)
          }
      });
    }
});

如果不是 jqueryUI 对话框

$(element_modal).hide();

或者从 DOM 中移除元素

$(element_modal).remove();

【讨论】：