如何防止 JavaScript 将我的文本添加为​​数字

Question

我有这样的文本： 4.72% - 12.04% 我正在放入一个 JavaScript 对象属性，我试图将其添加到页面中，如下所示：$("#container").append("<div>" + rates.fixedrates + "</div>");JavaScript 一直在尝试计算数字，即使这不是我想要做的。它不打印文本，只打印 NaN。我怎样才能告诉 JS 停止这个？我什至尝试用“-”替换&mdash;它，它做同样的事情。有什么我不知道的可以阻止这种情况吗？编辑：数据来自 ajax 调用：$.ajax({    url: "/Search/Rates",    type: "POST",    dataType: "json",    data: { oe: ui.item.oe },    success: function (data) {        data.forEach(function (rates, index, arr) {            $("#container").append("<div>" + currentValue.fixedrates + "</div>");        });    }});控制器：return Json(rates);“FixedRates”只是 c# 对象“rates”的一个字符串属性。没什么特别的。

Answer 1

以我只能假设是最标准的方式工作正常 - 您可能在分配值或连接的方式上做错了

const rates = {

  fixedRates: ''

};

// Joining ourselves

let a = '4.72%';

let b = '12.04%';

let c = a + ' - ' + b;

// Together already

let d =  '4.72% - 12.04%';

rates.fixedRates = c;

$("#container").append("<div>" + rates.fixedRates + "</div>");

rates.fixedRates = d;

$("#container").append("<div>" + rates.fixedRates + "</div>");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="container"></div>

Answer 2

好的，为了简洁/清楚起见，我遗漏了附件中的很多内容<div>。我发现我发生了这样的事情：

"<div>" + <-- extra plus sign

+ rates.FixedRates + "</div>"

所以基本上是这样的：

"<div>" + + rates.FixedRates + "</div>"

我想关于发布所有内容有什么要说的。

Answer 3

此解决方案将获取输入并将其转换为文本节点，然后再将其插入到 div 中，然后将其插入到容器中。让我知道这对你有什么影响..

$.ajax({

    url: "/Search/Rates",

    type: "POST",

    dataType: "json",

    data: { oe: ui.item.oe },

    success: function (data) {

        data.forEach(function (rates, index, arr) {

            var div = document.createElement('div');

            var textContent = document.createTextNode(currentValue.fixedrates);

            var container = document.getElementById('container');

            div.appendChild(textContent);

            container.appendChild('div'); 

        });

    }

});