在前端開發(fā)中,我們常常需要將數(shù)據(jù)以json格式寫入文件或者傳遞給后端。今天我們來探討一下,如何將100條數(shù)據(jù)寫入一個json里。
var data = [
{name: '張三', age: 20, gender: 'male'},
{name: '李四', age: 23, gender: 'male'},
{name: '王五', age: 19, gender: 'female'},
// ...
{name: '韓梅梅', age: 22, gender: 'female'}
];
var json = JSON.stringify(data);
上面的代碼演示了一個簡單的例子,我們使用一個數(shù)組來存儲100條數(shù)據(jù),并使用JSON.stringify()方法將數(shù)組轉換成json字符串。
在編寫json時,我們需要注意以下幾點:
- json必須以花括號({})或者中括號([])開始和結束。
- 屬性名必須使用雙引號("")括起來。
- 屬性值可以是字符串、數(shù)字、布爾值、null、數(shù)組、對象等。
- 屬性名和屬性值之間必須使用冒號(:)分隔。
- 屬性之間必須使用逗號(,)分隔。
如果我們要將數(shù)據(jù)寫入一個文件,可以使用Node.js提供的fs模塊:
const fs = require('fs');
fs.writeFile('data.json', json, function(err) {
if (err) {
console.error(err);
}
});
上面的代碼演示了如何將json寫入一個文件。我們調用fs.writeFile()方法,第一個參數(shù)是文件名,第二個參數(shù)是要寫入的內(nèi)容,第三個參數(shù)是回調函數(shù),如果寫入文件出錯,會打印錯誤信息。
當然,如果我們要將json傳遞給后端,可以使用ajax或fetch等方法發(fā)送POST請求:
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText);
}
};
xhr.open('POST', '/api/data', true);
xhr.setRequestHeader('Content-type', 'application/json');
xhr.send(json);
上面的代碼演示了如何使用XMLHttpRequest發(fā)送一個POST請求。我們將json作為請求體發(fā)送到后端,并設置Content-type頭部為application/json。
總之,json是一種常見的數(shù)據(jù)交換格式,在前端開發(fā)中使用頻率非常高。我們需要掌握如何編寫json,如何將json寫入文件或傳遞給后端。