这个AJAX请求有什么问题？

Question

我是AJAX的新手，很抱歉，如果这很简单，但是我在所有其他地方都看过了，看不到我在做什么错。

当我将$ _POST ['name']交换为实际值时，例如-$ name ='apple'; -一切正常。 但是，当我尝试从php文件中的AJAX发布请求中获取值时，如下所示，它不起作用。 救命！ 提前致谢。

的PHP

$name = $_POST['name'];

$sql = "SELECT * FROM sales WHERE email = 'test' AND item = '$name' ";
$result = mysqli_query($conn, $sql);

    if ($result){

                    $row = mysqli_fetch_array($result);


                    echo json_encode($row);


                } else {
                        echo "Error: " . $sql . "<br>" . mysqli_error($conn);
                }

jQuery的

$(document).ready(function(){
    $('.option').on('click', function(){
    var name = $(this).val();
        $.post('ajax.php', {name: name}, function(data) {

            var obj = jQuery.parseJSON(data);
            var desc = obj[7]
            $('#name').val(desc);
        });
    });
    });

的HTML

Item: <input type = "text" id = "name" size = "6">
    Description: <input type = "text" id = "name" size = "6">
    Qty: <input type = "text" id = "name" size = "6">
    Price: <input type = "text" id = "name" size = "6">
    Discount: <input type = "text" id = "name" size = "6">
    Account: <input type = "text" id = "name" size = "6">
    Tax Rate: <input type = "text" id = "name" size = "6">
    Amount: <input type = "text" id = "name" size = "6">
    <div class = "option">Apple</div>

Answer 1

Apple不是带class选项的div的值，而是内部html。

您的代码正在检查单击带有类选项的对象时单击的元素的值。 要查看当前代码的正确行为，请更改

var name = $(this).val();

至

var name = $(this).html();

我怀疑这是您最终的解决方案的外观，但是请始终注意使用的返回方法到底是什么。

编辑：id应该是唯一的，我强烈建议您不要对输入对象使用相同的id。