0

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

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

每个 div 都有如下代码：

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

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

当用户调用此函数时，我是否只能重新加载侧边栏而不是整个页面？我在此处发布该功能，我现在需要的只是能够刷新侧面板及其包含的 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") 
            }
        }
    });
}

亲切的问候亚历克斯

对任何回复和提示感到高兴；）

4

1 回答 1

4

第一件事

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

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

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

加载侧边栏内容

您可以使用 jQuery ajax 使用 jQuery加载方法来加载此 div 的内容，如下所示

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

假设yourPHPPageToReturnSideBarContent.php是为侧边栏呈现 HTML Markkup 的 PHP 页面。请注意，这将加载文档就绪事件上的内容。

加载事件的侧边栏内容

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

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

上面的脚本将在单击按钮时加载侧栏内容。在此示例中，按钮的 id 是 e“yourButtonId”。

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

于 2012-04-25T16:22:46.537 回答