如何将文本输入值()添加到JSON数组中

时间:2014-09-30 05:44:07

标签: jquery json

请您查看This Demo并告诉我如何将data添加/插入JSON数组用户?

"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);
    });
});

由于

3 个答案:

答案 0 :(得分:2)

使用此代码:

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

答案 1 :(得分:1)

您只需将新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));
    });
});

答案 2 :(得分:0)

这会有所帮助 - :

$(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);
  });
});