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

我使用的是HTML工具,并使用JQuery进行AJAX调用来运行PHP脚本。 但现在要求使用React JS,我是新手。 我找到了一个很好的文档,看看如何使用React JS触发PHP脚本。

是否有任何链接或文档有这些例子? 任何帮助都非常感谢。 </ p>

 &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;
</ code> </ pre>
</ div>

展开原文

原文

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>

1个回答



您需要在按钮单击或表单提交时收听...例如,事件处理程序侦听表单提交。

事件处理程序阻止发送表单。 相反,您应该处理数据并将它们发送到您的PHP脚本(通过Fetch API,AJAX调用,...)</ p>

  handleSubmit(event){
event.preventDefault( );
alert('自己处理');
},

render(){
return(
&lt; form onSubmit = {this.handleSubmit}&gt;
&lt;按钮类型 =“submit”&gt;提交&lt; / button&gt;
&lt; / form&gt;

}
</ code> </ pre>

工作示例: https://jsfiddle.net/69z2wepo/34020/ </ p>
</ div>

展开原文

原文

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/

douao2000
douao2000 我得到了你的程序流程,它作为JSON返回。 我试图传递数字并做一个补充。 但它一片空白!
4 年多之前 回复
dtkwt62022
dtkwt62022 查看更新的示例
4 年多之前 回复
dongwu1992
dongwu1992 只是为了玩,我尝试了两个输入标签作为数字,当我点击提交按钮时,我试图将它们的总和填充为警报。 我很困惑,否则怎么办呢
4 年多之前 回复
douzhongqiu5032
douzhongqiu5032 你这样做是错的。 使用React时,根本不访问DOM(好吧,只有在罕见的边缘情况下)。 你的表格是什么样的? 向我们展示结构
4 年多之前 回复
dongzi8191
dongzi8191 感谢您的投入。 我们不能发送输入值 - 我遇到错误$ is undefined var a = parseInt($('#demo1')。val()); var b = parseInt($('#demo2')。val()); var sum = a + b; 警报(总和);
4 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐