0

我正在构建一个 Web 应用程序。在我的应用程序中，如果用户单击带有两个输入的搜索按钮

搜索表格

.....必须显示一个包含三列的表格，如图像所示。

在此处输入图像描述

为了实现这一点，我正在使用 jQuery 和 php。当我运行查询、检索值并将数组作为 php 中的 json 对象发送时，就会出现问题。jquery（在控制台屏幕中）中的 Parsed JSON 为

[{"Name":"Dinesh", "Case_Status":"Open"}]
[{"Name":"Dinesh", "Case_Status":"Open"},{"Name":"Greg", "Case_Status":"Open"}]    [{"Name":"Dinesh", "Case_Status":"Open"},{"Name":"Greg", "Case_Status":"Open"},{"Name":"Sulshekharan", "Case_Status":"Open"}]
[{"Name":"Dinesh", "Case_Status":"Open"},{"Name":"Greg", "Case_Status":"Open"},{"Name":"Sulshekharan", "Case_Status":"Open"},{"Name":"Peter", "Case_Status":"Close"}]

我已经在 while 循环中回显了数组，所以它的显示如上..

$Update = array();
$Query = "Select.....";
$result = mysql_query($Query,$link);
while($row = mysql_fetch_assoc($result)or die(mysql_error()))
{
    $Update[] = array('Name' => $row['Name'], 
               'Case_Status' => $row['Case_Status'], 
                'Walk_in_ID' => $row['Walk_in_ID']);    
    echo json_encode($Update);  
}

使用上面的代码，我得到了以下错误

 [{"Name":"P.Amulya Wilson ","Case_Status":"Open","Walk_in_ID":"2"}]
 [{"Name":"P.Amulya Wilson ","Case_Status":"Open","Walk_in_ID":"2"},
 {"Name":"P.Amulya Wilson","Case_Status":"Open","Walk_in_ID":"6"}] 
 SCRIPT1002: Syntax error 
 WalkinUpdate.js, line 52 character 3 
 (this line 52 is --> var response = JSON.parse(data);)

我也尝试了下面的代码，但它什么也没返回 ($Update = "")

$Update = array();
$Query = "Select.....";
$result = mysql_query($Query,$link);
while($row = mysql_fetch_assoc($result)or die(mysql_error()))
{
    $Update[] = array('Name' => $row['Name'], 
               'Case_Status' => $row['Case_Status'], 
                'Walk_in_ID' => $row['Walk_in_ID']);        
}
 echo json_encode($Update);

使用上面的代码，控制台如下图所示： 在此处输入图像描述

在浏览谷歌并在互联网上搜索后，我也尝试了以下代码但没有用

while($row = mysql_fetch_assoc($result)or die(mysql_error()))
{
    $Update[] = array('Name' => $row['Name'], 
         'Case_Status' => $row['Case_Status'], 
         'Walk_in_ID' => $row['Walk_in_ID']);   
    $superUpdate = json_encode($Update[sizeof($Update) - 1]);   
    echo $superUpdate;      
}

我也试过 mysql_fetch_array 但没用。jQuery部分如下代码

$(document).on('submit', '#Update_Form', function(event)
{
    event.preventDefault();

    var Update = {};

    Update.EmployeeType = $("#employeeType").val(),
    Update.EmployeeID = $("#employeeID").val();
    console.log(Update);        
    $.post("php/walkin_data_update.php", Update, function(data)
    {
        console.log(data);
        var response = JSON.parse(data);
        console.log(response);
        console.log(response.length);
        $("#fieldset3").show();
        $("#UpdateForm2").show();
        for(var i=0;i<response.length;i++)
        {
            var j= 1;
            var Name = response[i].Name;
            var Status = response[i].Case_Status;
            $('#statusTable tr').last().after('<tr>
               <td id="statusName'+j+'">'+Name+'</td>
               <td id="statusCase'+j+'">'+Status+'</td>
               <td><button id="View'+j+'">View</button></tr>');
            count++;
            j++;
        }
    });
});

如果我使用console.dir 而不是console.log，它显示如下截图：

在此处输入图像描述

这是我第一次在这种情况下使用 jquery-ajax-php-json。请指导我，如何使用 jquery 在 html 中显示这样的 json 数据，我该怎么做？对不起我的英语，如果它无法理解。提前谢谢你。

4

1 回答 1

0

最后，经过几个痛苦的小时后，我自己设法弄清楚了，我只需要更改下面的 php 代码，现在它工作正常。 

while(($row = mysql_fetch_assoc($result))!== FALSE)
{
    $Update[] = array('Name' => $row['Name'], 
       'Case_Status' => $row['Case_Status'], 
       'Walk_in_ID' => $row['Walk_in_ID']);                 
}
echo json_encode($Update);

感谢@islanddave 帮助我实现了这一目标。

于 2014-07-05T04:36:54.863 回答