mongodb:fetch API POST请求返回一个奇怪的响应

时间:2017-11-20 16:13:06

标签: node.js mongodb reactjs express fetch-api

我想使用fetch API向mongodb发送POST请求。 GET请求已使用fetch API成功实施,但POST请求不是。

在控制台日志中,POST请求返回奇怪的响应,如下所示:

{n: 1, opTime: {…}, electionId: "7fffffff0000000000000001", ok: 1}
electionId:"7fffffff0000000000000001"
n:1
ok:1
opTime:{ts: "6490526445679411201", t: 1}
__proto__:Object

我从未遇到过这种反应,我不知道这意味着什么......

我的代码如下。

server.js

app.post('/recipe', (req, res) => {
console.log(req.body); // this console.log returns empty object : {}

db.collection('recipe').insertOne(req.body, (err, result) => {
   if (err) return console.log(err);
   console.log('saved to database')
   res.json(result);
   });
});

index.js

class App extends Component {
   constructor(props){
   super(props);
   this.state={
        results: [],
        name: '',
        ingredients: '',
        descriptions: '',
        modal: false
     }
    this.handleSubmit = this.handleSubmit.bind(this);
    }

 handleSubmit(e) {
    e.preventDefault();
    const { name, ingredients, descriptions } = this.state;
    fetch('/recipe', {
       method: 'POST',
       body: JSON.stringify({
       name,
       ingredients,
       descriptions
       }),
    headers: { 'Accept': 'application/json, text/plain, */*',
   'Content-Type': 'application/json'}
    })
   .then( res => res.json())
   .then( res => console.log(res)); //this console.log returns strange response
   }   

 render() {

 const { name, ingredients, descriptions } = this.state;
 return (
   <div className="App"> 
    <h1>Recipe List</h1> 
    <form onSubmit={this.handleSubmit}>
    <input
        value={name}
        type="text"
        onChange={e => this.setState({ name: e.target.value })}
        placeholder="name" />
      <input
        value={ingredients}
        type="text"
        onChange={e => this.setState({ ingredients: e.target.value })}                
        placeholder="ingredients" />
      <input
        value={descriptions}
        type="text"
        onChange={e => this.setState({ descriptions: e.target.value })}
        placeholder="descriptions" />

         <input type="submit" onClick={this.toggle}/>
       </form>
    </div>           
    )
   }
  }

  export default App;

提前感谢您的帮助,

1 个答案:

答案 0 :(得分:2)

mongoDB insertOne 会返回成功与否的信息。 如果你想获得插入的数据,试试这个。

db.collection('recipe').insertOne(req.body,(err, result)=>{
    if (err) return console.log(err);
    console.log('saved to database');
    res.json(result.ops[0]);
});