4

我有一个带有一些输入字段的基本表单。我想在提交表单时将表单数据保存到 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 新手，不知道如何解决这个问题。

4

1 回答 1

4

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

正如阿伦建议的那样

于 2013-01-29T12:09:30.757 回答