Question

这是我获取下拉记录的AJAX代码。

function item_value() {
  $.ajax({
    type: "POST",
    url: "ajax.php",
    contentType: "application/json; charset=utf-8",
    async: false,
    data: data,
    dataType: "json",
    success: function (json) {
      if (json == '') {
        alert('No Records');
      } else {
        alert(json);
        $.each(json, function (index, elem) {
          $("#item_select1").append("<option value=\"" + elem.value+ "\">" + elem.name+ "</option>");
        });
      }
    }
  });
}

此文件用于拉取记录或获取AJAX成功记录。

Ajax.php

<?php
include('../dbconnection/comp_connect.php');
$qry_item="SELECT item_id,item_name,item_unit,rate,description,tax_id,status FROM item";
$view_item=$conn->prepare($qry_item);
$view_item->execute();
$rs_item=$view_item->fetch((PDO::FETCH_ASSOC))
$data = array('item_name' =>$rs_item['item_name'],
              'item_unit'=>$rs_item['item_unit'],
              'rate'=>$rs_item['rate'],
              'description'=>$rs_item['description'],
              'tax_id'=>$rs_item['tax_id']
             );
echo json_encode($data);
?>

Answer 1

您在PHP中创建的数据看起来并不符合您在AJAX成功函数中尝试做的事情。 PHP代码从数据库中获取一行行，因此它将返回的JSON将如下所示：

{
    "item_name": "something",
    "item_unit": "something",
    "rate": "something",
    "description": "something",
    "tax_id": "something"
}

但这部分成功功能

$.each(json, function (index, elem) {
  $("#item_select1").append("<option value=\"" + elem.value + "\">" + elem.name + "</option>");
});

需要具有elem和name属性的对象集合（value）。相反，根据您从PHP获得的内容，每个elem都是字符串或数字，因此elem.value和elem.name将是未定义的。

由于您使用此选项将选项附加到选择，因此您的PHP需要返回多行，并且您在PHP中分配的键需要与您在成功函数中引用的属性相匹配。这样的事情应该更接近你想要的。

<?php
include('../dbconnection/comp_connect.php');
$qry_item = "SELECT item_id, item_name FROM item";
$view_item = $conn->prepare($qry_item);
$view_item->execute();
while ($item = $view_item->fetch((PDO::FETCH_ASSOC)) {
    $data[] = ['value' => $rs_item['item_id'], 'name' => $rs_item['item_name']];
}
echo json_encode($data);

Answer 2

在php脚本中，请确保在打印编码数据之前添加以下标题

header('Content-type: application/json');
echo json_encode($data);

如何在AJAX成功函数中获取json数据

2 个答案: