How can keep and access json file in current web page?

Question

I want to store page data in a json file and when I click a button i want to send it to a web service. How can I do It. Direct me.

Thanx..

Be specific about your requirement... what you want to do and what you tried till now..?? — Paresh Balar, Mar 19 '12 at 10:11
I can call web service using jquery and i can create json file. i don't know intermediate steps. — Darshana, Mar 19 '12 at 10:13
okay than you can use $.ajax() function of jquery to send request to web service. — Paresh Balar, Mar 19 '12 at 10:15

score 2 · Answer 1 · edited Mar 19 '12 at 12:26

2

If you use html5, you can use localStorage["any_key"] = "your_json_string" to save your data in the browser and fetch the data by using localStorage["any_key"].

edited Mar 19 '12 at 12:26

David Rodrigues

12,041
16
62
90

answered Mar 19 '12 at 10:12

zsxwing

20,270
4
37
59

Is there any way I can store json string in html? – Darshana Mar 19 '12 at 10:37
Why do you want to do like this? I don't know any way to store the html. However, you can use javascript to load the data from localStorage and change the html content. – zsxwing Mar 19 '12 at 10:42
I store json in input hidden in html. – Darshana Mar 19 '12 at 11:18

score 2 · Answer 2 · edited May 23 '17 at 12:08

2

how do you plan to store file on the client? You can serialize the data into json and send it to the desired webservice

here are some useful posts

let me google that for you

Jquery Ajax Posting json to webservice

http://francstratton.com/jQueryAJAXCall.aspx

edited May 23 '17 at 12:08

Community

1
1

answered Mar 19 '12 at 10:13

Rafay

30,950
5
68
101

1

I would follow this way too. +1 – Fabrizio Calderan Mar 19 '12 at 10:15
can you tell me better way of store file on the client? I have no clear way. – Darshana Mar 19 '12 at 10:20
1

you can explore `localStorage` as @zsxwing mentioned or you can use cookies, you will have to serialize the data and store that data in localStorage or cookie – Rafay Mar 19 '12 at 10:42
I store json in input hidden in html. – Darshana Mar 19 '12 at 11:18

score 0 · Accepted Answer · answered Apr 18 '12 at 09:13

0

I store json in input hidden in html

answered Apr 18 '12 at 09:13

Darshana

2,462
6
28
54

score 0 · Answer 4 · answered Mar 19 '12 at 10:15

You can't store a json file, but if you want to send information in an array to a WebService via jQuery.ajax() you can do it:

// First you construct an array (can be multidimensional)
var arr_data = {
  name: 'John Doe',
  age: 21,
  phones: [ 12345678, 87654321 ]
};

$.ajax('service-page.php', {
  data: arr_data,
  success: function() {
    alert('Content saved!');
  }
});

score 0 · Answer 5 · answered Mar 21 '12 at 12:51

If I understand correct your existing problem you should save the data not in the file, but in the DOM of the page. If you want for example that the saved data will have any association with a button you can use jQuery.data to save the information. For example

// save data as object
$('#myButtonId').data('forMyWebService', { myType: 'test', count: 40 });

or

// save data as JSON string
$('#myButtonId').data('forMyWebService', '{"myType":"test","count":40}');

How can keep and access json file in current web page?

5 Answers5