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

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 的建议