javascript - 在文本框中插入 id 后，单击使用 ajax php sql 在 html 表中输入填充数据

Question

在文本框中插入 id 后，我需要填充表中的所有匹配记录。但目前我只得到一条记录。

php

<?php
 $id=$_POST['userID'];
 $db_host = 'jo\SQL2005';
 $db_username = 'jo';
 $db_password = '123321';
 $db_name = 'db_test2';
 mssql_connect($db_host, $db_username, $db_password);
 mssql_select_db($db_name); 
 $query=mssql_query("select * from address where user_id='$id'");
 $result=mssql_fetch_assoc($query);
$json= array('id'=>$result['id'],'user_id'=>$result['user_id'],
'street'=>$result['street'],
'quarter'=>$result['quarter'],'Phone_number'=>$result['Phone_number']);
 echo json_encode($json);
 exit;

?>

java脚本

function getname()
{
var id=$("#userID").val();    // get the id from textbox
$.ajax({
        type:"post",
        dataType:"json",
        data:"userID="+id,
        url:"address_json_data.php",   
        success:function(json)
        { 
          $("table.imagetable").
           append("<tr><td>" + json.user_id + "</td><td>" +
            json.street + "</td></tr>");
        }
        });
       }

html

<input name="userID" id="userID"  onChange="getname()" type="text" />
<table border='1'class="imagetable">
<tr><th>id</th><th>email</th></tr>
</table>

非常感谢任何帮助

Answer 1

替换此代码:

$query=mssql_query("select * from address where user_id='$id'");
$result=mssql_fetch_assoc($query);
$json= array('id'=>$result['id'],'user_id'=>$result['user_id'],
'street'=>$result['street'],
'quarter'=>$result['quarter'],'Phone_number'=>$result['Phone_number']);

这样:

$query=mssql_query("select * from address where user_id='$id'");
while($result=mssql_fetch_assoc($query))
{
   $json[]= array(
                  'id'=>$result['id'],
                  'user_id'=>$result['user_id'],
                  'street'=>$result['street'],
                  'quarter'=>$result['quarter'],
                  'Phone_number'=>$result['Phone_number']
  );
}

在你的 JavaScript 中:

success:function(json)
    { 
      var str = '';
      for(var x in json)
      {
         str += "<tr>";
         str += "<td>" + json[x].user_id + "</td>";
         str += "<td>" +json[x].street + "</td></tr>";
      }
      $("table.imagetable").append(str);
    }