如何构造后端以最大程度地减少所需的axios调用次数

时间:2019-11-26 21:51:31

标签: laravel vue.js axios

我正在使用Laravel和VueJs开发应用程序。在此应用程序中,一个人可以创建一个事件并可以创建参与者。参与者有一个名为event_id的外键。在创建活动和参与者之后,我需要将人们的名字配对在一起。

现在在vuejs组件的form方法中,这就是我的代码的结构:

submitForm() {
    //creates events
    axios.post('/api/event/store', this.form)
        .then(response => {
             //creates participants
             axios.post('/api/participant/massStore', {
                participants: this.participantsForm,
                event_id: response.data.id
              }).then(response => {

                  //pairs participants
                  axios.post('/api/event/pairParticipants');
              })
         });
}

我想知道是否有更好的方法可以做到不必有那么多的axios帖子通话?现在,我在EventController中创建事件,在ParticipantController中创建参与者,然后在EventController中将参与者配对。必须在创建所有参与者之后进行配对。

谢谢!

1 个答案:

答案 0 :(得分:0)

使用axios最小化AJAX调用的次数实际上取决于您自己的数据需求。您还可以将带有视图刀片的JSON回显到页面中,以供Javascript使用。

如果您想限制要创建的路由数量,请看一下Graph QL and this library之类的解决方案。