html 保存json文件,使用JQuery轻松保存到JSON文件

我已经尝试了所有可以使用的示例,但不能简单地将JSON数据保存到主机上的JSON文件中。我想从一个尽可能简单的保存方法开始,所以我有一个起点。

这就是我得到的: 基本上,我的 index.html中

有一个按钮,单击后应将数据保存到我的general.json文件中(与index.html相同的位置)。

Save

使用 myscript.js中的 id选择器,我可以这样做:

$('#savebtn').click(function() {

var saveit = $('#calendar').fullCalendar( 'clientEvents');

var eventsholded = [];

$.each(saveit, function(index,value) {

var event = new Object();

event.id = value.id;

event.start = value.start;

event.end = value.end;

event.title = value.title;

event.allDay = value.allDay

eventsholded.push(event);

});

$.ajax

({

type: "GET",

dataType : 'json',

async: false,

url: 'general.json',

data: JSON.stringify(eventsholded),

success: function () {alert("Thanks!"); },

failure: function() {alert("Error!");}

});

如您所见,我想存储fullcalendar中的事件。这不是很相关,因为到现在为止它仍然可以正常工作。

如果我在屏幕上发出JSON.stringify(eventsholded)警报, 您将看到以下内容:

[{"start":"2014-01-07T08:30:00.000Z","end":"2014-01-07T12:30:00.000Z","title":"Pumukli Pista","allDay":false},{"start":"2014-01-11T13:30:00.000Z","end":"2014-01-11T18:30:00.000Z","title":"Fanic Catalin","allDay":false}]

现在, 这正是我想要以简单,快速,也许不安全但非常简单的方式保存到服务器的内容。

这样我就可以开始理解它是如何工作的,只是将其包含在我的general.json文件中。

该$.ajax部分在我上面的代码中不执行任何操作。甚至没有警告“错误”。其余代码按预期工作。

安全性现在不重要。 我只想了解它是如何工作的。

对于包含完整示例的任何帮助或有用链接,我将不胜感激。 谢谢!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值