使用react-router通过ajax获取数据并传递给下一个路由

时间:2015-05-14 05:53:15

标签: javascript ajax reactjs react-router

我有一个auth页面,当点击提交按钮时,它将通过ajax获取数据,然后转换并将数据传递到下一个路径 login.coffee

handleCommit: (event) ->
    event.preventDefault()
    $.ajax({ 
        dosomething... 
    })
    .done (data) ->
        this.transitionTo 'dashboard',{data:data}

但是tranonTo不能在异步阻止中使用。所以我尝试修复它

handleCommit: (event) ->
    event.preventDefault()
    this.transitionTo 'dashboard'

willTransitionFrom: (transition, component, callback) ->
    $.ajax({ 
        dosomthing... 
    })
    .done (data) ->
        # transition.redirect('dashboard', null, {data:data})
        callback()

第1部分,问题是 this.transitionTo 不能在异步块中使用。 第2部分看起来很好,通过 willTransitionFrom 钩子我可以通过ajax获取数据并转换到路径。但是,我的目标是将数据传递给路径, transition.redirect 不起作用。

如何通过异步功能获取数据,正确重定向并传递?

感谢任何回复

0 个答案:

没有答案