javascript - 如何在 AJAX 中将值格式化为货币或百分比

Question

从 Ajax 将值格式化为百分比或货币并显示到 Table 的最佳方法是什么？

我目前正在开发一个应用程序，它具有来自 SQL Server 的 Money 值并且需要从 3569.09 到 $ 的格式3、569.09 以及 Table 上的 24.55 到 24.55 %。

我试过THIS但仍然没有帮助。

这是 JS 我的代码:

function loadMarginBelow21() {
    $.ajax({
        url: "/Dashboard/MarginBelow21",
        type: "GET",
        contentType: "application/json;charset=utf-8",
        dataType: "json",
        success: function (result) {
            var html = '';
            $.each(result, function (key, item) {
                html += '<tr>';
                html += '<td>' + item.Stock+ '</td>';
                html += '<td>' + item.Price + '</td>'; //Must show Currency sign in the beguining like $5,664.00
                html += '<td>' + item.Source + '</td>';
                html += '<td>' + item.COST + '</td>';
                html += '<td>' + item.Margin + '</td>'; // Must show % at the end of value
                //html += '<td><a href="#" onclick="return getbyID(' + item.Stock+ ')">Edit</a></td>';// | <a href="#" onclick="Delele(' + item.EmployeeID + ')">Delete</a></td>';
                html += '<td>' +sdg + '</td>'
                html += '</tr>';
            });
            $('.tbodyM').html(html);
        },
        error: function (errormessage) {
            alert(errormessage.responseText);
        }
    });
}

目前表格显示如下:

Answer 1

Intl.NumberFormat是你的 friend 。使用语言环境和货币创建一个新的格式化程序(我假设您在这里需要美元)，它将生成格式化的字符串。

let formatter = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' });
let price = formatter.format(item.Price);

鉴于您的示例数据，看起来百分比可以使用字符串连接添加到末尾。