Question

我有一个网页，我更喜欢使用ajax作为一个页面保留。该页面有两列，右列是活动部分。使用PHP和Jquery，我对我的数据库进行MySQL调用，并在右列显示一个表。此表有一个显示存储列表名称的部分。我想要做的是清除包含表的div，并使用表中列表名称的新查询动态显示列表框。我不想在新页面中查看它。问题是我过去三天阅读的所有内容只显示现有HTML并且列表已经存在，然后动态填充数据。是否可以动态显示所有列表框代码？我的表格可以轻松占据页面的大部分内容，因此这是不可取的。如果没有，那么是否可以使用模型列表框弹出窗口？使用包含列表框的第二页并以我的第一个表单显示？我读过的任何内容都无法让我真实地了解我的需求。任何帮助将不胜感激。感谢。

Answer 1

我认为你可以做到这一点

清除div，

function whatYouWant(){
    $( ".rightColumn" ).empty();
}

实现＆＃34;并使用表格中的列表名称中的新查询动态显示列表框＆＃34;

你可以在你的whatYouWant（）中通过AJAX来实现，AJAX会调用你的PHP服务器函数（或API），这个API会询问你的mySQL数据库，构建html字符串并返回这个构建的HTML字符串以供javascript显示，就像这个虚拟的例子

您的网页使用javascript，当然您可以修改AJAX以传递列表生成标准

function whatYouWant(){
    $( "#rightColumnDiv" ).empty();
    $.ajax({
      url: "test.php/GetMyList",
      context: document.body
    }).done(function(data) {
      $( "#leftColumnDiv" ).html( data );
    });   
}

在test.php中

<?php
function GetMyList() {
    //go to your mySQL database and fetch what you like to fetch dynamically
    //construct your list, output it    
    echo "<ul><li>Hello</li><li>GoodBye</li></ul>";
}
?>

列表框完全包含在div元素中

1 个答案: