网页数据录入本地json
时间: 2023-08-28 16:05:24 浏览: 49
要将网页数据录入本地JSON文件,可以使用JavaScript来实现。具体步骤如下:
1. 在网页中添加一个表单,用于输入数据。
2. 使用JavaScript获取表单数据。
3. 将获取的数据保存为一个JSON对象。
4. 将JSON对象转换为JSON字符串。
5. 使用JavaScript将JSON字符串写入本地JSON文件。
下面是一个简单的示例代码:
HTML文件:
```
<!DOCTYPE html>
<html>
<head>
<title>网页数据录入本地JSON</title>
</head>
<body>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="age">年龄:</label>
<input type="text" id="age" name="age"><br><br>
<button type="button" onclick="saveData()">保存</button>
</form>
<script src="main.js"></script>
</body>
</html>
```
JavaScript文件(main.js):
```
function saveData() {
// 获取表单数据
var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
// 创建JSON对象
var data = { "name": name, "age": age };
// 将JSON对象转换为JSON字符串
var jsonData = JSON.stringify(data);
// 写入本地JSON文件
var fs = require('fs');
fs.writeFile('data.json', jsonData, function (err) {
if (err) throw err;
console.log('Data saved!');
});
}
```
需要注意的是,上述代码使用了Node.js中的fs模块来实现文件写入操作。因此,在运行代码之前需要先安装Node.js,并在控制台中执行以下命令:
```
npm install fs
```
这样就可以将表单中的数据保存为一个名为"data.json"的本地JSON文件了。