Question

我正在使用用PHP编写的动态生成的页面。页面的divon包含列出打开编辑屏幕的FancyBox链接的内容。编辑完成后，用户关闭FancyBox模式的更改需要反映在父页面上。

是的，所以我能够在提交时找到刷新整个页面的解决方案使用

  parent.location.reload (true);

刷新整个父页面。但是，这会导致浏览器提示这让用户感到困惑，而且我真的只是过度杀戮需要编辑的信息才能刷新。

如何在提交时只刷新一个div 适用于整个页面??????

Answer 1

您需要通过AJAX提交表单。由于你使用的是使用jQuery的东西，你可以用它来做它。

Here您可以找到有关如何操作的教程

Answer 2

我认为最好的方法是使用.load()加载页面片段。

之类的，

$('#pageNeedToBeRefreshed').load('test.html #pageNeedToBeRefreshed');

Answer 3

用户，

应该很容易

有一个像下面这样的div占位符

<div id="dataToRefresh"> </div>

关闭对话框后，请设置事件处理程序...

$('dataToRefresh').html('testing'); //在此处提供您的数据

它应该更新页面的部分

如果您还有其他需要，请告诉我

请访问thruogh .html api获取更多信息

http://api.jquery.com/html/

Answer 4

假设你有以下div来刷新：

然后写

$("#dataToRefresh").load();

它可能会帮助你

Answer 5

您可以使用ajax -

提交表单，而不是在html中使用提交

$('#formid').submit(function(){
        var data = $(this).serialize();  //this gives you the data of all elements of form in serialized format
        $.ajax({
              type: 'POST',
              dataType:"json",
              url: 'your url',
              data: data,
              success: function(data){

                           //replace the contents of the div you want to refresh here.
                           }
        });
    });

Answer 6

jQuery('#id_of_div').load('/url/to/updated/html');

请参阅jQuery docs for load()

如何在提交时刷新一个div来刷新整个页面？

6 个答案: