如何在JSON中添加对象

时间:2015-11-22 18:10:54

标签: javascript json

我是JSON的新手,我想知道如何为对象添加值。

这是我的代码:

var text = '{"coins":"500"}';

var obj = JSON.parse(text);

document.getElementById("coins").innerHTML =
obj.coins + "500"; (<-- This one does not work)

2 个答案:

答案 0 :(得分:1)

试试这个:

var text = '{"coins":"500"}';

var obj = JSON.parse(text);

document.getElementById("coins").innerHTML = parseInt(obj.coins, 10) + 500;
<span id="coins"></span>

如果您想使用按钮,可以试试这个:

window.onload = function() {
  var text = '{"coins":"500"}';
  var obj = JSON.parse(text);
  document.getElementById("coins").innerHTML = parseInt(obj.coins, 10);

  var myButton = document.getElementById("myButton"); // Get the button context.
  myButton.addEventListener("click", function() { // Assign the click event to your button.
    document.getElementById("coins").innerHTML = parseInt(obj.coins, 10) + 750;
  });
};
<button id="myButton">Click me</button>
<span id="coins"></span>

不显眼的方法是在代码中使用ID并在代码中使用addEventListener函数。

Live demo

答案 1 :(得分:0)

这应该有效:

var text = '{"coins":"500"}';

var obj = JSON.parse(text);

document.getElementById("coins").innerHTML =
obj.coins + +"500";

但是使用parseInt(“500”)代替+“500”是一种更干净的方式来做你想要的。