需要使用jQuery来显示包含数据库信息的数组元素

时间:2016-04-11 21:42:11

标签: php jquery html mysql

我在一个文件中有这个php,它只是从数组中取一些名称并将它们打印在<div>中。

<?php
    include "afisare.php";
    $count = 0;
    foreach ($facility_names as $name)
    {
        echo '<div class="row facility-name">';
        echo '<button id="facilityName'.$count.'" class="btn btn-default btn-fill btn-menu">'.$name.'</button>';
        echo '</div>';
        $count++;
    }
?>

<h1 id="facilityNameRight">Please select a facility</h1>

这是另一个php文件(afisare.php)。第一部分是创建一个数组,其中包含从数据库中获取的所有项目的名称,第二部分是作为函数($ testName)的参数给出的项目的其余细节。

<?php
  include "conectare.php";
  $sql = "SELECT facility_name FROM facilities_db";
  $facility_array = array();
  $result = $mysqli->query($sql);
  while ($row = mysqli_fetch_assoc($result))
  {
    $facility_array[] = $row;
  }
  $facility_names = new RecursiveIteratorIterator(new RecursiveArrayIterator($facility_array));

  $dbAdapter = $mysqli;
  function getFacilities($testName) {
    global $dbAdapter;
    $sql1 = "SELECT * FROM facilities_db WHERE facility_name = '$testName'";
    if (!$result1 = $dbAdapter -> query($sql1))
      die('Eroare'. $dbAdapter -> error);

    $facility_details = array();
    while ($row = mysqli_fetch_assoc($result1))
    {
      $facility_details[] = $row;
    }
    return $facility_details;
  }

  $facility_data = getFacilities($testName);

  $facility_information = array();
?>

这是我用来编辑第一个php片段中的<h1>的jQuery:

$(document).ready(function(){
    $("button[id^='facilityName']").click(function(){
        $("#facilityNameRight").text($(this).text());
    });
});

到目前为止一切运行良好,但是当我按下第一个php生成的按钮之一时,我想要执行以下操作:
- 在$name中存储$facility_information[0]变量 - 可以使用按钮中的getFacilities变量或$name来调用我的$facility_information[0]功能 - 使用jQuery函数将getFacilities函数返回的数组的内容打印到网页中

为了更好地解释自己:我希望能够在按下与每个项目相对应的按钮时(在数据库中获取)按钮,在页面右侧显示我的项目的详细信息。

1 个答案:

答案 0 :(得分:0)

如果从按钮中取出课程会更好。在你的情况下:

$(".btn-menu").click(function(){
    $("#facilityNameRight").text($(this).text());
});