2

我正在尝试在 jQuery ajax 方法中编写一些 if/else 条件。我不太了解 jQuery,所以我可能只是犯了一个愚蠢的小语法错误。但这里是:

    function swapContent(count,product)
        {
            $.ajax(
            {
                type: "POST",
                dataType: 'json',
                url: "includes/price-update.php",
                data: {countVar: count, ProductID: product},
                success: function(data)
                {
                    console.log(data);
                    $('.cleardata').remove();

                    $.each(data, function ()
                    {

                        $(".price-data").append(
                        $("<tr class='cleardata'/>")

                        if (data.InStock == "In Stock") {
                        $('.in-stock-row').text ('Yes');
                        }
                        else if (data.InStock == "Unavaiable"){
                             $('.in-stock-row').text ('No');
                        }
                        else{
                             $('.in-stock-row').text ('-');
                        }
                        .append("<td class='store-row'><h5 property='seller'>" + this.MerchantName + "</h5></td>")
                        .append("<td class='price-row'><h5 property='price'>$" + this.Price + "</h5></td>")
                        .append("<td class='in-stock-row'><h5>" + this.InStock + "</h5></td>")
                        .append("<td class='merch-row'><a property='url' target='_blank' href='" + this.PageURL + "' class='merch-but'>GET IT</a></td>")
                        );
                    })
                }
            });
        }
    </script>

除了 if/else 语句之外,一切都很好。我不确定是否return是回显数据的正确方法。我是一个 PHP 人,所以 jQuery 仍然是全新的。谢谢你的帮助。

编辑:我只是根据一些建议更改了代码,这就是我所拥有的,现在我的表中没有任何显示。

第二次编辑:附加 JSON 数据的图像以进行调试。 来自 ajax post 方法的 JSON 数据。 不知道为什么有 3 和 InStock 具有相同的属性。

第三次编辑:发布 PHP 数据

<?php
$countVar = $_POST['countVar'];
$ProductID = $_POST['ProductID'];
$data = PriceCompare($countVar, $ProductID);
echo json_encode($data);

function PriceCompare($countVar, $ProductID){
$DBH = new PDO('mysql:host=localhost;dbname=---','---','---');
$STH = $DBH->query('SELECT MerchantName, Price, PageURL, InStock
                    FROM merchants
                    WHERE ProductID=' . $ProductID .' AND Count=' . $countVar . '
                    ORDER BY Price');

$result = $STH->fetchAll();

return $result;
}
?>

fetchall编辑四:通过将 php方法更改为下面的固定 JSON 数据的结果,从获取两组数据中修复了fetchall(PDO::FETCH_ASSOC)JSON 数据。但是,在 In Stock 表字段中仍然没有得到正确的结果。 固定 JSON 数据

4

2 回答 2

2

我添加了一些模拟 JSON,Unavailable第一个中的拼写有错字。这只是each正确的 AJAX 成功函数部分。你可以在http://jsfiddle.net/mhWdP/上看到这个工作

希望有帮助。R。

JsonData = [{
    "InStock": "In Stock",
        "MerchantName": "Coffee for Less",
        "PageURL": "http://www.google.com",
        "Price": "14.99"
}, {
    "InStock": "Unavailable",
        "MerchantName": "Drugstore",
        "PageURL": "http://www.google.com",
        "Price": "15.99"
}, {
    "InStock": "No",
        "MerchantName": "Drugstore2",
        "PageURL": "http://www.google.com",
        "Price": "29.99"
}];


$.each(JsonData, function (index, dataItem) {
    stockStatus = '';
    if (dataItem.InStock == "In Stock") {
        stockStatus = "Yes";
    } else if (dataItem.InStock == "Unavailable") {
        stockStatus = "No";
    } else {
        stockStatus = "-";
    }

    tempRow = document.createElement('tr');

    $(tempRow).append("<td class='store-row'><h5 property='seller'>" + dataItem.MerchantName + "</h5></td>")
        .append("<td class='price-row'><h5 property='price'>$" + dataItem.Price + "</h5></td>")
        .append("<td class='in-stock-row'><h5>" + stockStatus + "</h5></td>")
        .append("<td class='merch-row'><a property='url' target='_blank' href='" + dataItem.PageURL + "' class='merch-but'>GET IT</a></td>")
        .append("</tr>");

    $(".price-data").append(tempRow);
});
于 2013-08-19T16:52:02.367 回答
0

至少有两个问题:

  1. 你在做这$(".price-data").append部分之前就回来了
  2. 您正在对data(列表)进行操作,而不是列表的任何特定元素。

它应该是这样的:

                $.each(data, function(i, element)
                {
                    if (element.InStock == "In Stock") {
于 2013-08-19T16:44:49.087 回答