首先，这是我的.json文件：
{
"ids": [1,2],
"names": ["John Richards", "Doe Williams"],
"skills": [ "Senior Software Engineer", "Junior Software Developer"]
}
这是我的ajax调用，用于显示对象中的每个名称。
$.ajax({
dataType: "json",
url: "entries.json",
success: function(data){
for (var i = 0; i < data.names.length; i++){
console.log(data.names[i]);
}
}
});
我有一个包含3个字段的表单和一个用于提交新数据的按钮。问题是我无法修改该json文件并提交该数据。
$("#add").on("click",function(){
var url = "entries.json";
//Form input
var id = $("#empID").val();
var fullName = $("#empFullName").val();
var prof = $("#empProf").val();
var entry = { "ids":id,
"names":fullName,
"skills":prof
};
....
Ajax call for modification of the json file?!?!
我的修改意思是基本上将id，fullName和prof插入json的相应字段中，并在附加新值的情况下保存它。有见识吗？我被卡住了。拉就好了。如何将数据推送到.json文件？如果我错过了任何重要的事情，请告诉我。我使用ajax是相对较新的工作。
提前致谢！
PS：如果有人想知道的话，我已经使用数据库进行了该项目。
您不能仅在浏览器中使用JavaScript写入JSON文件。但是，使用浏览器中的JavaScript，您可以编写Document.cookie，也可以在Window.localStorage中编写。
在浏览器的localStorage中编写：
// Form input
var id = $("#empID").val();
var fullName = $("#empFullName").val();
var prof = $("#empProf").val();
var obj = {
"ids": id,
"names": fullName,
"skills": prof
};
localStorage.setItem('myJavaScriptObject', JSON.stringify(obj));
而且，除了从localStorage检索对象之外，您还可以执行以下操作：
var obj = JSON.parse(localStorage.getItem('myJavaScriptObject'))
您可以做的另一件事是使用服务器端技术在后端创建服务，例如：NodeJS，Ruby on Rails，PHP，JAVA等，以处理JSON文件中的写入数据。
POST请求，将表单输入数据发送到服务的端点，然后将数据保存到JSON文件中。希望这会有所帮助。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句