Question

我有一些带有输入字段的基本表单。我想在提交表单时将表单数据保存到json文件中。

表格中的数据格式为：

{"name":"Sree","email":"sree@hmail.com","phone":"123456789"}

我有一个名为contact.json的现有JSON文件

{
    "info": [
        {
            "name":"Noob Here",
            "email":"myemail@server.com",
            "phone":"123456"
        },
        {
            "name":"Newbie There",
            "email":"hisemail@server.com",
            "phone":"589433"
        }
    ]
}

这是我用来将数据制作为json的函数：

function submit_form(){
    var data=(JSON.stringify($('form').serializeObject()));
    return false;
}

$.fn.serializeObject = function()
{
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
    if (o[this.name] !== undefined) {
        if (!o[this.name].push) {
            o[this.name] = [o[this.name]];
        }
        o[this.name].push(this.value || '');
    } else {
        o[this.name] = this.value || '';
    }
    });
    return o;
};

我已尝试将此代码插入submit_form函数

$.ajax({
       type: 'POST', 
       dataType: 'json', 
       url: 'contact.json', 
       data: data, 
       success: function(data) { 
           alert(data.message); 
       },
       failure: function (data) {
           alert('Please try again');
       }
    });

我是json的新手，不知道如何解决这个问题。

Answer 1

据我所知，纯javascript或jquery无法将数据保存到本地Json中。如果你想在服务器端保存json，请使用服务器端编程，如java或php，否则使用HTML5作为客户端。

根据Arun

的建议

使用jquery将数据保存到本地json文件中

1 个答案: