首页 > 解决方案 > 来自 AJAX 调用的 Jquery 更改表值

问题描述

嗨,我正在从响应 JSON 构建一个带有 ajax 的表。所以,如果在我的响应数据中有一个价格对象。如果价格为空,我想将其显示为 0。

这是我的AJAX代码 -

    $(document).ready(function(){

var url ="data/response.json";
var data=""; 
coAjax(url, data, function(result){
  var availableProductsList = result.response.availableProducts;
  var terminalProductsList = result.response.availableProducts;
  console.log(availableProductsList);
  var output="<tbody>";

        for (var i in availableProductsList){ 
           output += "<tr><td>" 
                    + result.response.availableProducts[i].productId + 
                    "</td><td>" 
                    + result.response.availableProducts[i].productName + 
                    "</td><td>" 
                    + result.response.availableProducts[i].quantity + 
                    "</td><td>" 
                    + "<div class='replace-split-key-tbl-inputbox'>" + "<input type='text' class='form-control key-input key-input-tbl' id="+ result.response.availableProducts[i].productId +">" + "</div>" + 
                    "</td><td><span class='availableFeaturesPriceCol'>"+ result.response.availableProducts[i].price +"</span></td></tr>";

        console.log(result.response.availableProducts[i].price);

        }

        output+="</tbody>";
 $("#addfeaturesOrderTbl").append(output);
 $("table").addClass("table");
});
});

function coAjax(url, data, handleData) {
    $.ajax({
    url:url,
    dataType: 'json',
    contentType: 'application/json',
    data:JSON.stringify(data),
    success:function(result) {
        handleData(result); 
    }
  });
}

对于价格列,如果价格为空,我想将其显示为 0。这是获取价格的代码result.response.availableProducts[i].price。请帮忙。

标签: jqueryajax

解决方案


您可以在其后添加逻辑 OR ( ||) 运算符,因此如果它是假的,它将使用零代替

result.response.availableProducts[i].price || 0

推荐阅读