Question

我有一个页面设置，有几个div。现在我们所需要的只是

<div id="main">...</div> & <div id="sidebar">...</div>

每个div都有如下代码：

<?php include("page.php") ?>

主div完成所有工作，并包含JavaScript函数。例如。此时，用户可以单击按钮来记住表格中显示的项目。

当用户调用此函数时，我是否只能重新加载侧边栏而不是整个页面？我在这里发布函数，我现在需要的是能够刷新sidepanel及其包含的php文件，如果可能的话？我假设有一些事情可以完成这项工作吗？或者我错了？ load("#sidebar")

function saveToFavorites(code)
{

    $.ajax({
        async:false,
        type: "POST",
        url: 'formPostsUser.php?reqtype=addToFavorite',
        data:'coursecode='+ code,
        success: function(data) 
        {
            $('.result').html(data);
            if(data != "")
            {
                alert(data);
                load("#sidebar") 
            }
        }
    });
}

亲切的问候亚历

对任何回复和暗示感到高兴;）

Answer 1

第一件事

 <div="sidebar">..</div>

以上标记是错误的HTML。您应该将侧边栏作为属性的值，例如id或class

<div id="sidebar">..</div>

加载补充工具栏内容

您可以使用jQuery ajax使用jQuery load方法加载此div的内容

$(function(){
  $("#sidebar").load("yourPHPPageToReturnSideBarContent.php");  
});

假设yourPHPPageToReturnSideBarContent.php是PHP页面，它为侧边栏呈现HTML Markkup。请注意，这会在document ready事件中加载内容。

在活动中加载侧栏内容

如果你想在像按钮点击这样的特殊事件上加载它，你可以这样做

$(function(){
  $(document).on("click","yourButtonId",function(){
     $("#sidebar").load("yourPHPPageToReturnSideBarContent.php");  
   });
});

上面的脚本会在点击按钮时加载侧栏内容。在这个例子中，按钮的id是e“yourButtonId”。

请注意，我在这里使用jQuery on来绑定函数，因为如果你想动态加载包含按钮的标记，它会处理当前元素和future元素。

php javascript部分页面重新加载

1 个答案: