[英]Fetch post with body data coming as empty
我在客戶端獲取我當前的位置,我正在使用 fetch。
if ('geolocation' in navigator) {
console.log('geolocation available');
navigator.geolocation.getCurrentPosition(async (position) => {
console.log(position.coords.latitude, position.coords.longitude);
let lat = position.coords.latitude;
let lng = position.coords.longitude;
document.getElementById('latitude').textContent = lat;
document.getElementById('longitude').textContent = lng;
const data = { lat, lng }
const options = {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
data: JSON.stringify(data)
};
console.log(options, "options")
let response = await fetch('/api', options)
const datas = await response.json();
console.log(datas, 'after fetch');
});
} else {
console.log('geolocation not available')
}
在服務器端,我正在發帖
const express = require("express");
const app = express();
app.use(express.static('public'));
app.use(express.json({ limit: '1mb' }));
// app.use(express.urlencoded());
app.listen(3000, () => console.log('listening at 3000'))
app.post('/api', (request, response) => {
console.log('I got a request');
console.log(request.body,"req");
response.json({
status: 'success',
latitude: request.body.lng,
longitude: request.body.lat
})
})
但我沒有在請求正文中獲取數據
listening at 3000
I got a request
{} req
請幫我解決這個問題,因為我無法調試它已經很久了。
您的控制台記錄正文,因此您應該發送正文
常量選項= {方法:'POST',標題:{'Content-Type':'application/json'},正文:JSON.stringify(數據)};
你可能需要 body-parser 來處理 json body
https://www.npmjs.com/package/body-parser
var express = require('express')
var bodyParser = require('body-parser');
var app = express()
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.