如何添加文本输入val（）到JSON数组

Question

你可以看看This Demo，让我怎么可以在JSON数组中添加/插入data用户？

"users":[ 
    {"user":"John", "age":36, "grade":"C", "mark":88 }, 
    {"user":"Rose", "age":28, "grade":"B", "mark":90 }, 
    .... 
] 

$(document).ready(function() { 
    $("#addtoJSON").click(function() { 
     var user = $("#user").val(); 
     var age = $("#age").val(); 
     var grade = $("#grade").val(); 
     var mark = $("#mark").val(); 
     // alert(user); 
     var data = 'name=' + user + '&age=' + age + '&grade=' + grade + '&mark=' + mark; 
     alert(data); 
    }); 
}); 

感谢

Answer 1

使用此代码：

var dataArr = []; 
var data = JSON.stringify({ // use JSON.stringify to convert object to JSON 
    name: user, 
    age: age, 
    grade: grade, 
    mark: +mark 
}); 
dataArr.push(data); 
alert(data); // well formed JSON 

DEMO

Answer 2

您可以简单地添加新的Object为 “用户” Object的数组：

Fiddle。

var fullData = 
{ 
    "users": 
    [ 
     { 
      "user": "John", 
      "age": 36, 
      "grade": "C", 
      "mark": 88 
     }, 
     { 
      "user": "Rose", 
      "age": 28, 
      "grade": "B", 
      "mark": 90 
     } 
    ] 
}; 

$(document).ready(function() 
{ 
    $("#addtoJSON").click(function() 
    { 
     var user = $("#user").val(); 
     var age = parseInt($("#age").val()); 
     var grade = $("#grade").val(); 
     var mark = parseInt($("#mark").val()); 
     var data = 
     { 
      name: user, 
      age: age, 
      grade: grade, 
      mark: mark 
     }; 
     fullData.users.push(data); 
     console.log(fullData); 
     console.log(JSON.stringify(fullData)); 
    }); 
}); 

Answer 3

这将帮助 - ：

$(document).ready(function() { 
    var jsonArg1 = new Object(); 
    var jsonArg2 = new Object(); 
    $("#addtoJSON").click(function() { 
    jsonArg1.user = $("#user").val(); 
    jsonArg1.age = $("#age").val(); 
    jsonArg1.grade = $("#grade").val(); 
    jsonArg1.mark = $("#mark").val(); 

    jsonArg12.users = jsonArg1; 

    var pluginArrayArg = new Array(); 
    pluginArrayArg.push(jsonArg12); 
    pluginArray = (JSON.stringify(pluginArrayArg)) 
    console.log(pluginArray); 
    }); 
});