Node.js制作api接口返回json数据

1.在处理请求扣直接返回jsonp格式

exports.regions = function(req, res){
  res.jsonp({"msg":"hello world2"});
};

 

接收页面的js代码

(1)$.getScript("http://127.0.0.1:3000/api/getRegions?callback=a");

  function a(data){alert(data.msg)}

(2)$.getJSON("http://127.0.0.1:3000/api/getRegions",function(data){

  alert(data.msg);

 });

 

2.返回json格式

exports.regions = function(req, res){
  res.send({"msg":"hello world2"});
};

接收页面只能用

$.getJSON("http://127.0.0.1:3000/api/getRegions",function(data){

  alert(data.msg);

});

 

注:node.js服务端通过读取数据库拼接json串需要通过JSON.parse(result)转换成json对象。

  拼接的json格式为[{"buck":{"email":"chris@xxx.com"}}]

  错误的格式为{"buck":{"email":"chris@xxx.com"}}

  json字符串必须以[]这样的格式,才能用JSON.parse()转移成json对象。

转载于:https://www.cnblogs.com/happyjlaaa/p/3673356.html

Vue.js 是一个前端框架,主要用于构建用户界面,处理数据展示和交互,并不直接提供后端存储数据的功能。而 Node.js一个能够运行 JavaScript 的服务器端运行环境,可以用于处理后端逻辑和与数据库交互。 如果你想在 Vue.js 中存储数据JSON 文件,一种常见的做法是通过后端的 API 来进行数据存储。你可以使用 Node.js 创建一个简单的服务器,并使用其提供的文件系统模块(fs)来操作 JSON 文件。以下是一个简单的示例代码: ```javascript const fs = require('fs'); const express = require('express'); const app = express(); // 定义接口来处理数据存储请求 app.post('/api/saveData', (req, res) => { const data = req.body; // 假设请求中包含要存储的数据 // 将数据JSON 文件 fs.writeFile('data.json', JSON.stringify(data), (err) => { if (err) { console.error(err); res.status(500).send('Error saving data'); } else { res.send('Data saved successfully'); } }); }); app.listen(3000, () => { console.log('Server listening on port 3000'); }); ``` 在 Vue.js 中,你可以通过使用 axios 或其他类似的库来发送 POST 请求到上述定义的接口,将数据传递给后端进行存储。 需要注意的是,上述代码只是一个简单示例,并没有包含错误处理、身份验证等安全性和稳定性方面的考虑。在实际应用中,你可能需要进一步完善和保护这些代码。另外,你也可以考虑使用数据库来存储数据,而不是直接操作 JSON 文件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值