dqt83336
2016-03-08 19:07
浏览 109

提交按钮后触发PHP脚本 - 使用react js

I worked on a tool that was in HTML and used JQuery for AJAX calls to run PHP scripts. But now the requirement is to use React JS and I am new to it. I dint find good document to see how to trigger PHP scripts using React JS. Is there any link or document which has examples of these? any help is highly appreciated.

     <button type="button" class="btn btn-success" id = "button" value="submit"  >Submit</button>
  $('#button').click(function () { ..... }

 In react : 
 <button type="button"> <span> Submit </span>

图片转代码服务由CSDN问答提供 功能建议

我使用的是HTML工具,并使用JQuery进行AJAX调用来运行PHP脚本。 但现在要求使用React JS,我是新手。 我找到了一个很好的文档,看看如何使用React JS触发PHP脚本。 是否有任何链接或文档有这些例子? 任何帮助都非常感谢。

 &lt; button type =“button”class =“btn btn-success”id =“button”value =“submit”&gt;提交&lt; / button&gt; 
 $  ('#button')。click(function(){.....} 
 
 In react:
&lt; button type =“button”&gt;&lt; span&gt;提交&lt; / span&gt; 
    
 
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • dongyan6910 2016-03-08 19:39
    已采纳

    You need to listen either on button click, or form submit... In example, event handler listens on form submit. Event handler prevents form from being sent. Instead, you should process data and send them to your PHP script (via Fetch API, AJAX call, ...)

    handleSubmit(event) {
        event.preventDefault();
        alert('Handle it on your own');
    },
    
    render() {
        return (
            <form onSubmit={this.handleSubmit}>
                <button type="submit">Submit</button>
            </form>
        )
    }
    

    Working example: https://jsfiddle.net/69z2wepo/34020/

    点赞 打赏 评论

相关推荐 更多相似问题