我正在寻找一种创建/写入外部自定义JSON文件的方法。
我有一个包含多个元素的表单(input / textarea / select),当我点击提交/保存按钮时,我想要的是将此表单中的信息转换为JSON信息并保存到外部文件所以每次调用都可以检索它。所以它永远存在。
用于预设选择器。填写表单样式选项,单击保存预设,然后再调用它填写表单(这我有一个解决方案 - jQuery表单自动填充)
为你的帮助干杯。
答案 0 :(得分:0)
您可以使用
将数据传递到另一个php文件 $('#saveBtn').click(function() {
var htmltesxtbox1 = $('#textbox1').val();
var htmltesxtbox2 = $('#textbox2').val();
var htmltesxtbox3 = $('#tesxtbox3').val();
$.ajax({
type: "POST",
url: yourphpfileUrl,
data: {textbox1: htmltesxtbox1, textbox2: htmltesxtbox2, tesxtbox3: htmltesxtbox3}
}).done(function(data) {
//do some thing after pass the data
});
});
然后在php文件中,您可以获取数据并执行您需要执行的操作。
答案 1 :(得分:0)
尝试类似的东西
$.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;
};
$(function() {
$('form').submit(function() {
$('#result').text(JSON.stringify($('form').serializeObject()));
//export to file
return false;
});
});
导出到文件
function JSONToCSVConvertor(JSONData, ReportTitle, ShowLabel) {
//If JSONData is not an object then JSON.parse will parse the JSON string in an Object
var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData;
var CSV = '';
//Set Report title in first row or line
CSV += ReportTitle + '\r\n\n';
//This condition will generate the Label/Header
if (ShowLabel) {
var row = "";
//This loop will extract the label from 1st index of on array
for (var index in arrData[0]) {
//Now convert each value to string and comma-seprated
row += index + ',';
}
row = row.slice(0, -1);
//append Label row with line break
CSV += row + '\r\n';
}
//1st loop is to extract each row
for (var i = 0; i < arrData.length; i++) {
var row = "";
//2nd loop will extract each column and convert it in string comma-seprated
for (var index in arrData[i]) {
row += '"' + arrData[i][index] + '",';
}
row.slice(0, row.length - 1);
//add a line break after each row
CSV += row + '\r\n';
}
if (CSV == '') {
alert("Invalid data");
return;
}
//Generate a file name
var fileName = "MyReport_";
//this will remove the blank-spaces from the title and replace it with an underscore
fileName += ReportTitle.replace(/ /g,"_");
//Initialize file format you want csv or xls
var uri = 'data:text/csv;charset=utf-8,' + escape(CSV);
// Now the little tricky part.
// you can use either>> window.open(uri);
// but this will not work in some browsers
// or you will not get the correct file extension
//this trick will generate a temp <a /> tag
var link = document.createElement("a");
link.href = uri;
//set the visibility hidden so it will not effect on your web-layout
link.style = "visibility:hidden";
link.download = fileName + ".csv";
//this part will append the anchor tag and remove it after automatic click
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}