如何从 mysql 表中逐行获取数据，使用 php 编码的查询，使用 jquery（AJAX）？

Question

我是 Ajax 的初学者。我想从主题表中获取数据行，它只包含一列主题为 varchar(100)，在 MySQL DB 中定义。以下是我的php代码。

数据.php

<?php

$con=mysqli_connect("","root","root","DBTemp") or die("</br> Error: " .mysqli_connect_error());

$sql="select * from Subject";
$result = mysqli_query($con,$sql);
while($row = mysqli_fetch_assoc($result))
 {
    echo $row["SUBJECT"];
    //I Want This Value to Be received in my Jquery Page
    //So that i can take certain action based on each Subject.
    //For example creating a select box child elements,options.
 }
?>

Jquery.js

$(document).ready(function()
 {
    var response='';
    $("body").ready(function()
     {
       $.ajax(
          {
            url: '/Data.php',
            type: 'GET'
            success: function(text)
                {
                     response=text;
                }
          });
     });
    $("body").append("<select> /*Get values here as options*/ </select>");
 });

但所需的操作是逐行获取值，例如：- 第一行值来了-> 在 jquery 中采取某些行动； 第二行值来了-> 采取某些行动..； . . 以此类推。

Answer 1

数据.php

<?php

$con=@mysqli_connect("","root","root","DBTemp");

# Instead of that use header 500 to let javascript side know there is a real error.

if (mysqli_connect_errno())
{
    echo "Could not connect to database : ". mysqli_connect_error();
    header($_SERVER['SERVER_PROTOCOL'] . ' 500 Internal Server Error', true, 500);
    exit();
}


$sql="select * from Subject";

$result = mysqli_query($con,$sql);

if (mysqli_error($con))
{
    echo "Query failed : ".mysqli_error($con);
    header($_SERVER['SERVER_PROTOCOL'] . ' 500 Internal Server Error', true, 500);
    exit();
}

$options = array();

# populate options arrey with using table's id field as key 
# and subject field as value.

while($row = mysqli_fetch_assoc($result))
{
    $options[$row['id']] = $row['subject'];

}

# return json encoded array to parse from javascript.
echo json_encode($options);

Data.php 将输出：

{"1":"Subject ID 1","2":"Subject ID 3"}

Jquery.js

$(document).ready(function()
{

    $("body").ready(function()
    {
        $.ajax(
                {
                    url: '/Data.php',
                    type: 'GET',
                    dataType: 'json',  // Let jQuery know returned data is json.
                    success: function(result)
                    {
                        $.each(result, function(id, subject) {
                            # Loop through results and add an option to select box.
                            $("#ajaxpopulate").append( new Option(subject,id) )
                        });

                    }
                });
    });

});

Page.html ，在正文中。此选择框将从 ajax 请求中填充。

 <select id="ajaxpopulate"></select>

Answer 2

我会让 php 函数返回一个 json 响应。您可以通过两种方式执行此操作，或者通过您的 while 语句服务器端手动构造 JSON，或者使用 json_encode PHP 函数并回显该服务器端。这样，当数据在 ajax 响应中返回客户端时，您可以将 JSON 数据解析为 JSON 对象JSON.parse(json);，然后以结构化方式逐行控制数据。

希望这会有所帮助！

Answer 3

1) 您需要使用像数组这样的数据结构并将其作为 json 响应传递给您的 ajax 调用。 2) 您需要遍历您的 json 数组，这样您就可以分别处理每一行并创建嵌套选择选项。

更新

$con=mysqli_connect("","root","root","DBTemp") or die("</br> Error: " 
.mysqli_connect_error());
$sql="select * from Subject";
$result = mysqli_query($con,$sql);
$jsonResult = [];
while($row = mysqli_fetch_assoc($result))
{
$jsonResult[] = $row["SUBJECT"];
}
echo json_encode($jsonResult);

一个 jquery 应该是这样的

$(document).ready(function()

{
var response='';
$("body").ready(function()
 {
   $.ajax(
      {
        url: '/Data.php',
        type: 'GET'
        dataType : 'JSON',
        success: function(data)
            {
                 //Alert should return an array of your subjects
                 //If it does then you need to iterate through this array and create options manually.
                 alert(data);
            }
      });
 });
$("body").append("<select> /*Get values here as options*/ </select>");

});