1. JSON 字符串转为对象:
使用 JSON.parse() 方法将 JSON 字符串转为 JavaScript 对象。
var jsonString = '{"name": "John", "age": 30, "city": "New York"}';
var jsonObject = JSON.parse(jsonString);
console.log(jsonObject);
2. 对象转为 JSON 字符串:
使用 JSON.stringify() 方法将 JavaScript 对象转为 JSON 字符串。
var jsonObject = {"name": "John", "age": 30, "city": "New York"};
var jsonString = JSON.stringify(jsonObject);
console.log(jsonString);
3. 从服务器获取 JSON 数据:
使用 Fetch API 或其他 AJAX 方法从服务器获取 JSON 数据。
fetch('https://example.com/api/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));
4. 向服务器发送 JSON 数据:
使用 Fetch API 或其他 AJAX 方法向服务器发送 JSON 数据。
var jsonData = {"name": "John", "age": 30, "city": "New York"};
fetch('https://example.com/api/save', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(jsonData)
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));
5. 使用 Axios 库:
如果你使用 Axios 这样的库,它提供了简化 HTTP 请求和响应的方式,支持 JSON 数据的处理。
// 安装 Axios:npm install axios
const axios = require('axios');
// 从服务器获取 JSON 数据
axios.get('https://example.com/api/data')
.then(response => console.log(response.data))
.catch(error => console.error('Error:', error));
// 向服务器发送 JSON 数据
var jsonData = {"name": "John", "age": 30, "city": "New York"};
axios.post('https://example.com/api/save', jsonData)
.then(response => console.log(response.data))
.catch(error => console.error('Error:', error));
这些是一些基本的 JSON 操作,具体取决于你的应用场景和所使用的技术栈。在实际开发中,你可能需要根据具体需求做更灵活的处理。
转载请注明出处:http://www.zyzy.cn/article/detail/4547/JSON