Trigger PHP script after submit button - using response js

Question

Я работал над инструментом, который был в HTML, и использовал вызовы JQuery для AJAX для запуска PHP-скриптов. Но теперь необходимо использовать React JS, и я новичок в этом. Я не нашел хороший документ, чтобы узнать, как запускать скрипты PHP с помощью React JS. Есть ли какая-либо ссылка или документ с примерами? Любая помощь высоко ценится.

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

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

Answer 1

Вам необходимо послушать либо нажатие кнопки, либо форму отправки ... В примере обработчик события прослушивает форму submit. Обработчик событий предотвращает отправку формы. Вместо этого, вы должны обрабатывать данные и отправить их на PHP скрипт (через Fetch API, AJAX вызова, ...)

handleSubmit(event) { 
    event.preventDefault(); 
    alert('Handle it on your own'); 
}, 

render() { 
    return (
     <form onSubmit={this.handleSubmit}> 
      <button type="submit">Submit</button> 
     </form> 
    ) 
} 

Рабочий пример: https://jsfiddle.net/69z2wepo/34020/