模态

Question

我在Stackoverflow上的第一篇文章。

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

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

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

所有模态，表单，加载和保存数据库都在工作。我被困的地方是div刷新数据部分。

任何建议。

Answer 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 + "'")

Answer 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");
    }
});

Answer 3

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

$(element_to_change).val(ajaxResponse.new_value)

OR 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();

表单提交后更新div

3 个答案:

模态