sql >> データベース >  >> RDS >> Mysql

React.jsのFetchAPIを使用してデータベースにデータを投稿する方法

    以下のようなことができます

    handleSubmit (event) {
      //alert('A list was submitted: ' + this.state.formvalue);
      event.preventDefault();
      fetch('your post url here', {
        method: 'POST',
        headers: {
          'Accept': 'application/json',
          'Content-Type': 'application/json'
        },
        body: JSON.stringify({
          id: this.state.id,
          item: this.state.item,
          itemType: this.state.itemType
        })
      })
      .then(res => res.json())
      .then(data => console.log(data))
      .catch(err => console.log(err);
    }
    

    私の作業中の投稿エンドポイントは以下のとおりです。

    app.post('/api/listitems', (req, res) => {
      var postData  = req.body;
      connection.query('INSERT INTO list_items SET ?', postData, (error, results, fields) => {
        if (error) throw error;
        res.end(JSON.stringify(results));
      });
    });
    



    1. SQLのDateTimeフィールドの時間部分

    2. 整数としてのmysqlordervarcharフィールド

    3. データベースレコードをフィルタリングするためのオプションの列

    4. RubyonRailsの2番目のMySQLデータベースへの動的接続