javascript - JQuery $.ajax() 函数没有准确运行 POST 请求

Question

我有以下html

<select id="options" title="prd_name1" name="options" onblur="getpricefromselect(this);" onchange="getpricefromselect(this);"></select>

和一个

<input type="text" id="prd_price" title="prd_price1" name="prd_price">

我有一个动态更新的 <select></select>使用系统数据库中的一些产品及其各自的 ID。我已经编写了一个 JQuery/Javascript 函数，它假设使用 $.ajax() 将该产品 ID 从选择菜单发送到一个 PHP 页面，并从数据库中获取其各自的价格并填充 <input>以那个价格。

我的 jQuery 如下:

function getpricefromselect(x){

    var value=$(x).val();
    var title=$(x).attr('title');

    if(title.length == 9){
        var len=Number((title).substr(-1,1));    

        if(value.length>0){
            $.ajax({
                type:'POST',
                url:'getpricefromselect.php',
                data:{productid: value},
                success:function(data){
                    $("[title=prd_price"+len+"]").val(data).show();
                }
            })
        }
    }
};

而“getpricefromselect.php”中的php如下:

$productid="";
$Price="";
$productid=$_POST["productid"];
$selectProduct="SELECT InventoryProductPrice FROM InventoryProductsList WHERE InventoryProductID = '{$productid}';";
$selectProduct_query = mysqli_query($connection, $selectProduct);
if(!$selectProduct_query){
    die ("Database query for selecting Product Price failed.");
}
while ($selectProduct_array = mysqli_fetch_assoc($selectProduct_query)){
    $Price= $selectProduct_array["InventoryProductPrice"];
}
echo $Price;

问题是 jQuery $.ajax() 填充了 <input>当我从 php 文件回显 $Price 时有一个空白项目，但如果我回显 $productid，它会填充 <input>具有准确的productid。我的产品 ID 对于每个产品都是唯一的，当我在与 javascript 相同的页面上调用相同的 php 函数时，它会返回准确的价格。谁能告诉我为什么如果 $Price 从 php 回显，$.ajax() 返回一个空白项，如果 $productid 从 php 回显，它不给出空白项。

如果我手动将实际产品 ID 添加到 php 文件中，则 php 回显的 $Price 是准确的。如果它是通过 POST 从 $.ajax() 发送的，它似乎没有被 php 准确运行。

Answer 1

如果您使用开发者控制台查看查询带来的答案，或者 ajax 请求有什么问题，那就太好了。

另一方面，你可以这样尝试

$(function(){
    $("#options").change(function()){
        getpricefromselect($(this).val());
    });
})


function getpricefromselect(x){

    var obj = {
        productid:x
    }

    $.post('getpricefromselect.php',obj)
    .done(function(resp){
        if(resp){
            $("#prd_price").val(resp)
        }
    })
    .fail(function(err){

    })

};