expess框架:json数据解析

express解析json数据使用express.json()组件或bodyParser.json()组件

至于选择哪个大家可以自己决定,因为 express.json() 内部就是使用的 bodyParser.json 方法。

express源码:

服务端代码(express.json)

const express = require('express')
const app = express()


app.use(express.json())

app.post("/test", ( req, res)=>{
	console.log(req.body)
	
	res.send("测试成功!")
})

app.listen('8081','127.0.0.1',()=>{
    console.log("http://localhost:8081")
})

请求程序测试一下:(使用axios)

const axios = require("axios")


let base_url = "http://localhost:8081/"

function postJson( url, param){
	axios.post( base_url + url, param).then(res =>{
		console.log( res.data)
	})
}

postJson( "test", { a1: "你好!"})

能够正常响应,服务端打印数据  { a1: '你好!'}  , 测试成功!

再测试一下 bodyParser.json

const express = require('express')
const app = express()
const bodyParser = require("body-parser")


app.use(bodyParser.json())

app.post("/test", ( req, res)=>{
	console.log(req.body)
	
	res.send("测试成功!")
})

app.listen('8081','127.0.0.1',()=>{
    console.log("http://localhost:8081")
})

再用请求程序测试一下,效果一样。

  • 9
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
React 和 Express 都是 Web 开发中常用的框架,它们可以通过 HTTP 协议进行通信,实现前后端交互。具体来说,React 通常作为前端框架,用于构建用户界面,而 Express 则通常作为后端框架,用于处理 HTTP 请求和响应。 React 应用可以通过 AJAX 或 Fetch API 发送 HTTP 请求到 Express 后端,请求可以携带参数、请求体等数据Express 后端可以解析请求,进行相应的处理,并返回响应数据,例如 JSON 格式的数据或 HTML 页面。React 应用可以处理响应数据,更新界面或进行其他操作。 以下是一个简单的示例,演示 React 和 Express 如何交互: ```jsx // React 前端代码 import React, { useState } from 'react'; function App() { const [message, setMessage] = useState(''); const handleClick = async () => { const response = await fetch('/api/hello'); const data = await response.json(); setMessage(data.message); }; return ( <div> <button onClick={handleClick}>Click Me</button> <p>{message}</p> </div> ); } export default App; ``` ```js // Express 后端代码 const express = require('express'); const app = express(); app.get('/api/hello', (req, res) => { res.json({ message: 'Hello World!' }); }); app.listen(3000, () => { console.log('Server listening on port 3000'); }); ``` 在这个例子中,React 应用中的按钮被点击后,会发送一个 HTTP GET 请求到 Express 后端的 `/api/hello` 路径。Express 后端收到请求后,返回一个 JSON 格式的响应数据 `{ message: 'Hello World!' }`。React 应用收到响应数据后,将其中的 `message` 字段显示在页面上。 当然,这只是一个简单的示例,实际中的前后端交互可能更加复杂,例如需要进行身份验证、上传文件等等。但是基本的原理和方法都是类似的,即通过 HTTP 协议进行通信,前端发送请求,后端处理请求并返回响应。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

loggers_kid

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值