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

时间:2018-04-12 09:27:32

标签: javascript jquery json asp.net-web-api

我使用ASP.Net Web API v2从数据库中检索产品列表。使用此web api,我将获得一个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。有什么办法,我可以防止有效数字被删除吗?

2 个答案:

答案 0 :(得分:1)

从浮点值中删除尾随的十进制零是标准行为。如果您需要保留它们,可以使用data.frame,如下所示:

  a    b    c
1 a a: 1 a: 5
2 b b: 2 b: 4
3 c c: 3 c: 3
4 d d: 4 d: 2
5 e e: 5 e: 1

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

答案 1 :(得分:1)

试试这个

Flowable