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

Question

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

我目前正在开发一个应用程序，该应用程序的资金金额为SQL Server，格式应为 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是您的朋友。使用语言环境和货币创建一个新的格式化程序（假设您要在这里输入美元），它将生成格式化的字符串。

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

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