php - 使用 Ajax 调用检索数据时出错

Question

我在 getJSON 方面遇到问题。以下是场景 -

这是我的 HTML 代码 -

  <h3 align="center"> Example 1</h3>
  <table align="center">
    <tr>
      <td><select name="stud_sel" onChange="getDetails(this)">
          <option value="100">Lohith</option>
          <option value="101">Ranjeet</option>
          <option value="102">Karthik</option>
          <option value="103">Pav</option>
        </select></td>
    </tr>
  </table>
  <br/>

  <!--HERE WRITE THE RESPONSE DATA -->
  <div id ="stud_tbl"  align="center"> </div>
  <!---END-->

这是我的 Javascript 函数 ---->

function getDetails(id) {
var myTable = '' ;
myTable += '<table id="myTable" cellspacing=0 cellpadding=2 border=1>' ;
var id_val = id.value;
//window.alert(id_val);
var url = "http://localhost:81/json-with-jquery/json.php?id="+id_val; 
alert (url);
$.getJSON(url, function(json) {
                $.each(json, function(i,v) {                
                  myTable +=   "<tr><td>"+i+"</td><td>"+v+"</td></tr></table>";               
                });
                $("#stud_tb1").html(myTable) ;

        });
};

数据传入我的 JS 函数的 PHP 文件是 -

 <?php
    include 'configure.php';
    $stud_id = $_GET['id'];
    echo $_GET['id'];
    $qr = "SELECT * FROM student_details WHERE regno = $stud_id";
    $res= mysql_query($qr);
    $row = mysql_fetch_array($res);

    $stud_arr["full_name"] = $row["full_name"];

$stud_arr["reg_no"] = $row["regno"];
$stud_arr["address"] = $row["address"];
$stud_arr["mark1"] = $row["mark1"];
$stud_arr["mark2"]= $row["mark2"];
$stud_arr["mark3"] = $row["mark3"];
 header('Content-type: application/json');
  echo json_encode($stud_arr);    
?>

这里的问题是，当我单独运行我的 PHP 文件时，它在 json_encode($stud_array) 的帮助下以 JSON 格式为我提供了预期的数据。同样，当我尝试在 HTML 页面上显示时，我在页面上没有收到任何数据。

当我的 JS 函数中的“alert(url)”正确地警告消息为“http://localhost:81/json-with-jquery/json.php?id=102”时我选择了 ID 为 102 的列表项。

我不确定为什么数据没有显示。我希望我的Javascript 写得正确。请帮忙。

Answer 1

正确填充您的表格，

myTable="<table>";
$.each(json, function(i,v) {                
                  myTable +=   "<tr><td>"+i+"</td><td>"+v+"</td></tr>";               
                });
myTable+="</table>";