我如何 post 到 mongodb 数据库?我试过这个但它仍然抛出错误
How do i post to mongodb database ? I have tried this but it still thrwoing error
const data = { name, price, quantity, image, desc, sup_name, email }
fetch('https://gentle-plateau-90897.herokuapp.com/fruits', {
method: 'POST',
headers: {
'content-type': 'application/json'
},
body:(data)
})
.then(res => res.json())
.then(data => {
console.log(data)
window.alert('Item added')
e.target.reset()
})
我正在尝试 post 一种将数据发送到我的 MongoDB 数据库的方法,但它抛出了一个错误 'Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0'
Unexpected token < in JSON at position 0
表示您得到的是 HTML 响应而不是 json 响应,并且您正在尝试将其转换为 json。在开发工具的网络选项卡中检查响应 body。它可能 return HTML 因为您没有将 Accept: application/json
包含为 header 或者发生了一些错误。
错误是由于您从 API 获得的 res
的转换所致。 res
无法转换为有效的 JSON.
从错误来看,res
可能是一个 HTML 字符串,将其转换为 JSON 总是会出错。要使用它,您应该在视图中使用 innerHTML
。
const data = { name, price, quantity, image, desc, sup_name, email }
fetch('https://gentle-plateau-90897.herokuapp.com/fruits', {
method: 'POST',
headers: {
'content-type': 'application/json'
},
body:(data)
})
// .then(res => res.json()) // remove this line for now
.then(data => {
/**
check here what type of data you are getting
is it valid JSON or not?
*/
console.log(data)
window.alert('Item added')
e.target.reset()
})
const data = { name, price, quantity, image, desc, sup_name, email }
fetch('https://gentle-plateau-90897.herokuapp.com/fruits', {
method: 'POST',
headers: {
'content-type': 'application/json'
},
body:(data)
})
.then(res => res.json())
.then(data => {
console.log(data)
window.alert('Item added')
e.target.reset()
})
我正在尝试 post 一种将数据发送到我的 MongoDB 数据库的方法,但它抛出了一个错误 'Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0'
Unexpected token < in JSON at position 0
表示您得到的是 HTML 响应而不是 json 响应,并且您正在尝试将其转换为 json。在开发工具的网络选项卡中检查响应 body。它可能 return HTML 因为您没有将 Accept: application/json
包含为 header 或者发生了一些错误。
错误是由于您从 API 获得的 res
的转换所致。 res
无法转换为有效的 JSON.
从错误来看,res
可能是一个 HTML 字符串,将其转换为 JSON 总是会出错。要使用它,您应该在视图中使用 innerHTML
。
const data = { name, price, quantity, image, desc, sup_name, email }
fetch('https://gentle-plateau-90897.herokuapp.com/fruits', {
method: 'POST',
headers: {
'content-type': 'application/json'
},
body:(data)
})
// .then(res => res.json()) // remove this line for now
.then(data => {
/**
check here what type of data you are getting
is it valid JSON or not?
*/
console.log(data)
window.alert('Item added')
e.target.reset()
})