使用php和jquery將MySQL數據加載到網站

-1

我的目標是從MySQL數據庫獲取數據，然後使用jquery .load（）函數使用jquery將其加載到頁面上的div中。我是新來的PHP，所以我想保持在最低限度，並真正使用jQuery來完成大部分的處理。我可以連接到數據庫，執行查詢並關閉它，因此訪問數據庫不是問題。我只是不確定處理這些數據的最佳方式是什麼。我無法將所有這些概念放在一起。一旦我得到一個簡單的例子工作，我可以從那裏去。使用php和jquery將MySQL數據加載到網站

PHP連接到MySQL數據庫：

<?php 
    //connect to database 
    $dbhost = "yourhost"; 
    $dbuser = "youruser"; 
    $dbpass = "yourpass"; 
    $dbname = "yourdb"; 
    $connection = mysqli_connect($dbhost, $dbuser, $dbpass, $dbname); 

    //Perform database query 
    $query = "SELECT * "; 
    $query .= "FROM userInfo "; 
    $query .= "WHERE ID = 1 "; 
    $result = mysqli_query($connection, $query); 

    ?>

密碼來檢索用戶數據的行（這就是我需要幫助）：

<?php 
    $user_data = mysqli_fetch_assoc($result)){ 
    //now I want to add more code here to collect all the entries in the row to load into the html. 
    //Or can I do it in jquery? 
    } 
    ?>

HTML：

<div id='ID_number'></div> 
<div id='first_name'></div> 
<div id='last_name'></div>

關閉連接：

<?php mysqli_free_result($result); ?> 
<?php mysqli_close($connection); ?>

來源

2014-02-28 user2755541

啊你使用ajax？如果你不是你不需要jquery。只需使用php打印數據。 – Shannon

是的，我正在使用ajax。 – user2755541

<?php 
    while($user_data = mysqli_fetch_assoc($result)){ 
     echo "<div id='ID_number'>". $user_data['id_field_name']. "</div> 
       <div id='first_name'>". $user_data['first_name_field_name']. "</div> 
       <div id='last_name'>". $user_data['last_name_field_name']. "</div>"; 
    } 
    ?>

來源

2014-02-28 06:10:48 SajithNair

你錯過了一個while循環嗎？ – Shannon

更正，謝謝 – SajithNair

您可以如下使用：

while($r = mysql_fetch_assoc($result)) { 
    $rows[] = $r; 
} 
print json_encode($rows);

在HTML中使用jQuery如下：

$.get("test.php", function(data) { 
    alert("Data Loaded: " + data); 
});

//它返回JSON數據。解析它在HTML

Here是阿賈克斯的很好的解釋

或者

如果你不使用AJAX：

<?php 
    while($data = mysqli_fetch_assoc($result)){ 
     echo "<div id='id'>". $data['idfieldname']. "</div> 
       <div id='fname'>". $data['fname field name']. "</div> 
       <div id='lname'>". $data['last_name_field_name']. "</div>"; 
    } 
    ?>

來源

2014-02-28 06:14:16

將這個在該文件中，您將使用jQuery load()調用功能

/* Maker your connection with database and fetch the result from there */ 


    /* Call header */ 

    while ($row = mysql_fetch_assoc($result)) { 
      ?> 
     <div id='ID_number'> <?php echo $row["ID_number"]; ?></div> 
     <div id='first_name'><?php echo $row["first_name"]; ?></div> 
     <div id='last_name'><?php echo $row["last_name"]; ?></div> 
     <?php 
     } 

    /* Call footer */

來源

2014-02-28 06:14:44 sanjeev

您的答案需要更清楚。 – Shannon

@Shannon什麼清理不清楚！ :) – sanjeev

使用php和jquery將MySQL數據加載到網站

回答

相關問題