Save data into local json file using jquery

Question

I have a basic form with some input fields. I want to save the form data into a json file on submitting the form.

The format of the data from form is:

{"name":"Sree","email":"[email protected]","phone":"123456789"}

I have an existing JSON file named contact.json

{
    "info": [
        {
            "name":"Noob Here",
            "email":"[email protected]",
            "phone":"123456"
        },
        {
            "name":"Newbie There",
            "email":"[email protected]",
            "phone":"589433"
        }
    ]
}

This is the function that i use to make data as 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;
};

I have tried inserting this code into the submit_form function

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

I'm new with json and have no idea how to fix this.

I'm just working on a sample so the json file is with the html file. Just old-school sample — Okky
– Okky, Commented Jan 29, 2013 at 9:25
I have an HTMl file and json file inside a folder. HTML consist of these codes. I want to save into the same json file which is in the same folder as HTML. In server — Okky
– Okky, Commented Jan 29, 2013 at 9:28
If you want save the file in server, you need to use a server side tool like java servlet, php etc. If you want to save it in the client side you may have use the HTML5 File API — Arun P Johny
– Arun P Johny, Commented Jan 29, 2013 at 9:33

Community · Accepted Answer · 2017-05-23 12:30:55Z

4

As far as i known the saving the data into local Json will not be possible by pure javascript or jquery. If you want to save json in server side use server side programming like java or php otherwise use HTML5 for client side.

as suggested by Arun

edited May 23, 2017 at 12:30

CommunityBot

11 silver badge

answered Jan 29, 2013 at 12:09

Jetson John

3,8298 gold badges42 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Save data into local json file using jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related