json/jquery 到第二个 div 返回 NaN

Question

我使用 php 从 mysql 服务器获取一行数据，然后将其编码为 json 数组。然后我使用以下 PHP 提取信息。奇怪的是，如果我将“vname”发送到它自己的 div，结果会得到“NaN”。如果我将它显示在第一个 div 中，一切都会很好。知道为什么吗？顺便说一句，我使用 .html 发送到 div 是否正确？我尝试过 .appendTo 和 .text 得到相同的结果。

<h3>Output: </h3>
<div id="output">Content1</div>
<div id="username">content2</div>

<script id="source" language="javascript" type="text/javascript">

$(function() {
    $.ajax({
        url: 'api.php',
        dataType: 'json',
        success: function(data) {
            var id = data[0];
            var vname = data[1];
            var message = data[2];
            var timestamp = data[3];

            $('#output').html(+id + timestamp + message);
            $('#username').html(+vname);
        }
    });
});

</script>

Answer 1

我猜测是因为第一个 + 。 Javascript 试图向所有其他内容添加任何内容，这将输出 NaN

 $('#output').html(id +timestamp +message );   
$('#username').html( vname );

在这种情况下，text() 可能更好用，因为没有任何html 元素在你的字符串中，但这并不重要。

Answer 2

+variable 是将变量转换为数字的简写：一元加/减 (MDN)

var x = "5";
+x; //Gives you 5 as a number
x = "Hello";
+x; //Gives you NaN

您可以使用常规 追加。

$('#output').append(id + timestamp + message);
$('#username').append(vname);

Answer 3

$('#output').html(+id + timestamp + message);
$('#username').html(+vname);

这些可能都是你的问题。变量前面的加号会引发错误。如果您尝试连接（添加在一起）现有值和 ajax 的响应，请将其更改为如下所示：

$('#output').html($('#output').html() + id + timestamp + message);
$('#username').html($('#username').html + vname);