我发现了无数关于如何使用jQuery和Ajax从json文件中检索数据的教程,但是没有关于如何将 数据发布到json文件中的*教程。*。
如果有人可以向我展示或给我发送有关如何执行此操作的小脚本,那就太好了。我到处都在搜索如何执行此操作,但是没有运气。我见过有人这样做的例子,但他们似乎忘记了分享我没有看到的重要信息。我使用ajax检索数据json文件没有问题。如果有人可以告诉我我是否忘记某件事或做错了什么,那将是很好的。如果有人可以向我发送工作文件,以便我可以对工程师进行反向工程并了解如何做,我将不胜感激。我想将值从$
firstName和$ caption发送到json文件。我知道这对其他人似乎很愚蠢,但是我对所有的搜索都感到厌倦,没有得到任何直接的答案。
这就是我所拥有的。
getImages: function(){
var $firstName = $(".name"),
$caption = $(".caption");
var object = {
name: $firstName.val(),
caption: $caption.val()
}
$.ajax({
type: 'POST',
data: object,
url: 'images.json',
success: function(data){
console.log("KILLER");
var count = 0;
$.each(data, function(i, imgSlide){
count ++;
//console.log(result.sliderImages[i].url[0].thumb);
var imageEl = "";
var slide = "
"+imageEl+"";$("ul.imageGallery").append(slide).fadeIn();
});
},
error: function(){
console.log("Abort");
},
timeout: 3000,
beforeSend: function(){
},
complete: function(){
}
});
}
这是我的JSON文件
[{
"name": "Bootcamp",
"url": [{
"thumb": "img/ill-bootcamp.jpg",
"med": "img/ill-bootcamp.jpg",
"large": "img/ill-bootcamp.jpg"
}],
"caption": "Lifetime Fitness",
"ID": ""
},
{
"name": "Pinup Girl",
"url": [{
"thumb": "img/ill-pinup.jpg",
"med": "img/ill-pinup.jpg",
"large": "img/ill-pinup.jpg"
}],
"caption": "Illustration",
"ID": ""
},
{
"name": "SixDitch",
"url": [{
"thumb": "img/web-sixditch.jpg",
"med": "img/web-sixditch.jpg",
"large": "img/web-sixditch.jpg"
}],
"caption": "SD MotorSports",
"ID": ""
}]