php - 从 MySQL 解析多行并插入到 HTML 表中

Question

我目前有一个使用 PHP 访问的 MySQL 数据库。您搜索一个姓名，它会返回该人的联系信息。但是，有时您搜索一个已经存在的姓名，它会返回 2 个人的联系信息。

我正在使用 JavaScript 将信息插入到 HTML 表中。 PHP 将联系信息作为由空格分隔的长字符串返回。我使用 split 函数，同时使用空格字符作为分隔符。

当搜索结果仅返回 1 个名称时，这一切都很好。当它返回 2 个姓名时，我无法弄清楚这两个联系人的信息如何分开。因为 PHP 将它们作为 1 个连续字符串返回。

这是我的 php 代码片段:

$data = mysql_query($sqlString) or die("Issue here:" . mysql_error());

    while($row = mysql_fetch_array($data)){
        print $row['firstName'] . " " . $row['lastName'];
    };

这是我的 JavaScript 代码片段:

$.post("searchDB.php", {search:$("#searchValue").val(), 
       searchType:$("#searchType").val()}, 
       function(results) {
          var parsedResults = results.split(" ");
          //code for inserting into HTML.
       });

Answer 1

我建议使用分隔符将一个人的全名与下一个人分开:

$data = mysql_query($sqlString) or die("Issue here:" . mysql_error());

    while($row = mysql_fetch_array($data)){
        print $row['firstName'] . " " . $row['lastName'] . "__";
    };

导致以下 jQuery(假设您不需要将名字和姓氏分离到不同的元素):

$.post("searchDB.php", {search:$("#searchValue").val(), 
       searchType:$("#searchType").val()}, 
       function(results) {
          var fullNames = results.split('__');
          var table = $('tableSelector');
          for (var i=0,len=fullNames.length; i<len; i++){
              var newTr = $('<tr />').append('<td>' + fullNames[i] + '</td>');
              $(newTr).appendTo(table);
          }
       });

另一方面，如果您需要将名字和姓氏放在单独的单元格中:

$.post("searchDB.php", {search:$("#searchValue").val(), 
       searchType:$("#searchType").val()}, 
       function(results) {
          var fullNames = results.split('__');
          var table = $('tableSelector');
          for (var i=0,len=fullNames.length; i<len; i++){
              var firstName = fullNames[i].split(' ')[0];
              var lastName = fullNames[i].split(' ')[1];

              var newTr = $('<tr />').append('<td>' + firstName + '</td><td>' + lastName + '</td>');
              $(newTr).appendTo(table);
          }
       });