PHP JavaScript 部分页面重新加载

php javascript partial page reload

本文关键字：加载 新加载 JavaScript 分页 PHP      更新时间：2023-09-26

我有一个页面设置，有几个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") 
            }
        }
    });
}

亲切问候亚历克斯

对任何回复和暗示感到满意;)

第一件事 

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

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

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

加载侧边栏内容

你可以使用 jQuery ajax 通过 jQuery load 方法加载这个div 的内容，如下所示

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

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

加载事件的侧边栏内容

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

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

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

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

相关文章：