从react组件向本地Node处理程序发送ajax请求

时间:2016-09-17 22:06:36

标签: javascript ajax node.js reactjs webpack

我是React / Node.js开发的新手。为了学习这些技术,我决定使用react-webpack-generator,为了简单起见,我喜欢它。但我有一个问题。我可以从React组件向Node.js处理程序发送ajax查询吗?在浏览器中,我总是得到404错误,但我不知道为什么,因为我的处理程序与我的组件位于同一目录中。

代码示例:

setAjaxQuery(){
        $.ajax({
            type: 'POST',
            url: './fileHandler.js',
            success: function(){
               console.log('Success!')
            }.bind(this),
            error:  function(){
                console.log('Error!')
            }.bind(this)
        });
 }

render() {

    return (
      <div className="test-component">
            <button onClick={this.setAjaxQuery} value = "test" 
className="test-btn"ref="test">Test</button>
      </div>

    );
 }

Result in browser

0 个答案:

没有答案