javascript - 从 JSON 在 Jquery 中获取正确的浮点值

Question

我正在使用 ASP.Net Web API v2 从数据库中检索产品列表。使用这个 web api 我正在获取一个包含我的 View 数据的 JSON，并使用 jquery 显示它。但是，在获取 JSON 后，将从 Price 属性中删除有效数字。

例如-

<ArrayOfProductModel xmlns:i="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://schemas.datacontract.org/2004/07/ProductManagement.Models">
<ProductModel>
<Description>
Get ready to channel your inner dark knight with this epic Batman tee!
</Description>
<Id>1</Id>
<Imagepath>/Images/559276_1.jpg</Imagepath>
<Name>Batman T-Shirt (Men's)</Name>
<Price>996.0000</Price>
</ProductModel>

这是来自 API 的 XML。还有我的 Jquery 代码:

var uri = '/api/Product';

$(document).ready(function () {
   $.getJSON(uri).done(function (data) {
    $.each(data, function (key, item) {
        console.log(item.Price);
        var img='<img src='+item.Imagepath+' alt="productImage" height="150px" width="150px">'
        var $tr=$('<tr>').append(
            $('<td>').text(item.Id),
            $('<td>').text(item.Name),
            $('<td>').text(item.Description),
            $('<td>').html(img),
            $('<td>').text(item.Price),
        );
        $('#productlist').append($tr);
    });
  });
});

现在 console.log 和带有 item.Price 的 td 标签都显示 996 而不是 996.0000。有什么办法可以防止删除有效数字吗？

Answer 1

从浮点值中删除尾随的小数零是标准行为。如果你需要保留它们，你可以使用 toFixed()，像这样:

$('<td>').text(item.Price.toFixed(4))

但是要注意的一件事是 toFixed() 输出一个字符串，因此如果您需要对其执行任何数学运算，则需要将其转换回 float 。