如何使用Vue中的帖子数据重定向到另一个页面?

时间:2017-11-20 12:43:58

标签: vuejs2 axios

如何使用php表单等帖子数据重定向到另一个页面?

<button @click="sendData(foo)">Submit</button>

------------------------------
sendData(foo){

 //redirect to another page with post data $_POST['foo'] 

 ....

}

2 个答案:

答案 0 :(得分:3)

sendData(foo){

 axios.post('/a_url.php', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
    //REDIRECT TERE
  })
  .catch(function (error) {
    console.log(error);
  });

}

请注意,由于您使用的是AJAX,因此不会重定向,但会使用帖子提交表单。

要重定向,你必须告诉我你的设置是如何完成的,如果你有类似vue路由器的东西,你应该使用类似的东西:

router.go('/some_url.php')

否则您可能需要:

location.href = '/some_url.php';

这两个将进入你的成功功能。

答案 1 :(得分:0)

在需要重定向到外部站点(例如付款结帐等)的情况下,这非常方便

axios.post(this.baseUrl, this.data)
.then(function (response) {
    window.location = response.data.redirect; // full URI to redirect to
})
.catch(function (error) {

});