ReactJS：用一个按钮执行POST & GET请求。

Posted 2021-04-04

我想做一些类似于一键发布和获取请求的事情。我需要做一些类似的事情，因为实际上，我想实现一个 "创建游戏大厅 "的按钮，当点击时，在后台创建一个用java写的游戏，并且让创建者直接进入这个新创建的游戏。

问候

答案

你的问题很宽泛，但我可以举个例子说明它的样子。

这是你如何创建按钮的方法

<button onClick={this.handleClick}/>

当按钮被按下时，你可以这样做一个帖子请求。

handleClick (event) {
    axios.post('/myUrl')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });
 }

另一答案

在你想完成的任务中，同时发送post和get请求是没有意义的。你必须先等待游戏被创建，然后将用户重定向到游戏上.一般的方法是返回游戏idlink作为post请求的响应，然后将用户重定向到该链接。

    async function handleCreateNewGame() {
        const data = this.state.data;
        const res = await axios.post('api/game/create', {...data});
        if(res.status === 200) {
            const game_id = res.data.id;
            window.location.replace(`/game/${game_id}`); //You might want to use something like history.push() instead
        } else {
            alert('Create ERR');
        }
    }