通过JSON,Jquery和PHP动态显示MYSQL表数据

时间:2015-11-21 13:48:04

标签: php jquery mysql json ajax

我正在尝试使用PHP,JQUERY和JSON在我的MYSQL数据库中显示“users”表的内容。

这是PHP文件:

<?php

  $host = "localhost";
  $user = "root";
  $pass = "";

  $databaseName = "ITSM";
  $tableName = "signup_and_login_table";


  include 'database_connection.php';
  $con = mysql_connect($host,$user,$pass);
  $dbs = mysql_select_db($databaseName, $con);

 $result = mysql_query("SELECT * FROM $tableName");           
 $array = mysql_fetch_row($result);                          


  echo json_encode($array);

?>

在我的HTML页面上,我有一个简单的表格,我试图定位:

<table id="personDataTable">
        <tr>
            <th>Id</th>
            <th>First Name</th>
            <th>Last Name</th>
        </tr>

    </table>

这是jquery ajax,我希望它遍历所有用户和其他表实体,以显示页面上Database表的所有内容,我目前只是“未定义”。

 $(function ()
 {


  $.ajax({
     url: 'CMGetdata.php',                  
     data: "",                        
     dataType: 'json',                
     success: function(data, textStatus, jqXHR) {

        drawTable(data);
    }
   });

 });

function drawTable(data) {
    for (var i = 0; i < data.length; i++) {
        drawRow(data[i]);
    }
}

console.log("test");
function drawRow(rowData) {
    var row = $("<tr />")
    $("#personDataTable").append(row); 
    row.append($("<td>" + rowData.id + "</td>"));
    row.append($("<td>" + rowData.firstName + "</td>"));
    row.append($("<td>" + rowData.lastName + "</td>"));
}

非常感谢任何指向正确方向的帮助。

1 个答案:

答案 0 :(得分:0)

试试这个 -

$result =$con->query("SELECT * FROM tableName"); 
$array = $result ->fetch_all(MYSQLI_ASSOC);          
foreach($array as  $array)
{
   $array['example'];
    //another         
 }