如何使用ajax从数据库中检索特定数据

时间:2016-07-03 17:33:14

标签: javascript php jquery html ajax

这是我从a php文件中检索所有数据的ajax代码:

<script type="text/javascript">
 $(document).ready(function() {
    $("#display").click(function() {                
      $.ajax({    //create an ajax request to load_page.php
        type: "GET",
        url: "read.php",             
        dataType: "html",   //expect html to be returned                
        success: function(response){                    
            $("#responsecontainer").html(response); 
            //alert(response);
        }
    });
});
});
</script>
<h3 align="center">Manage Student Details</h3>
<table border="1" align="center">
   <tr>
       <td> <input type="button" id="display" value="Display All Data" /> </td>
   </tr>
</table>
<div id="responsecontainer" align="center"></div>

这是我的php文件的一部分,它从数据库中检索数据并将其存储到变量中:

    <?php
  while($row = mysqli_fetch_assoc($result)){
    $user_id = $row["user_id"]
    $user_name = $row["user_name"]
    $user_text = $row["user_text"]
    }
    ?>

如果我回应上面的变量,那么它们将显示在我的html页面中,其中包含ajax代码但是我想用ajax获取每个变量并对它们进行一些操作然后在我的html页面中显示它们 在php中有简单的html dom来获取一个页面的html元素有什么像ajax的php简单html dom吗?如果不是那么我怎么可能做我说的话? 如果有人可以帮助我,我将会感激:)

2 个答案:

答案 0 :(得分:1)

服务器端

$array = array();
while($row = sqlsrv_fetch_array( $stmt, SQLSRV_FETCH_ASSOC)){

                        array_push(//what you need);

                }
echo json_encode($array);

在客户端

success: function(response){                    
            data = $.parseJSON(JSON.stringify(returnedData)); 

        }

请注意,我不需要JSON.stringify,但我喜欢它 数据现在是一个对象,您可以使用data.propertyname

访问其属性

答案 1 :(得分:0)

您必须返回带有变量的JSON对象。在while循环之外创建一个数组,然后在每个while循环中执行array_push到主数组。循环之后通过json_encode回显数组,然后在ajax端解码它。