Wordpress REST API пользовательская форма отправки - реагировать

Требуется POST пользовательские данные формы через Wordpress API с использованием ReactJS. Как мы используем AJAX в Wordpress, используя что-то вроде

jQuery.ajax({
        type: 'POST',
        data: {
            action  : 'formData',  // wp_ajax_nopriv_formData
            data    : formData  // data from form
        },
        url: ajaxurl  // admin.php
    }).done(){...}

Wordpress и React не находятся в одном домене. Я использую wp-apiv2.

  • Есть ли рабочие примеры по этому поводу? (Реактивный или Угловой)
  • Как я могу использовать OAuth, чтобы перейти к admin.php в Wordpress, чтобы отправить мою форму?

Я хотел знать, как я могу использовать WP-API для отправки пользовательской формы через React (в качестве внешнего интерфейса) в качестве внешнего вызова, например

abc.com - домен WordPress с установленным wp-api xyz.com - веб-сайт с поддержкой ReactJS - здесь я буду называть все конечные точки API

1 ответ

Использование jsx как насчет:

<form onsubmit={()=>{
    jQuery.ajax({
        type: 'POST',
        data: {
            action  : 'formData',  // wp_ajax_nopriv_formData
            data    : formData  // data from form
        },
        url: ajaxurl  // admin.php
    }).done(){...}
}}>
<input type='text' value='hello'></input>
<button type="submit">submit</button>
</form>

Или просто с React:

'use strict';

React.createElement(
    'form',
    { onsubmit: function onsubmit() {
            jQuery.ajax({
                type: 'POST'
            });
        } },
    React.createElement('input', { type: 'text', value: 'hello' }),
    React.createElement(
        'button',
        { type: 'submit' },
        'submit'
    )
);
Другие вопросы по тегам