0

ReactJS を使用して、Wordpress API 経由でカスタム フォーム データを POST したいと考えていました。のようなものを使用してWordpressでAJAXを使用するように

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を使用しています。

  • これに関する実例はありますか？(React または Angular)
  • OAuth を使用して Wordpress の admin.php にアクセスし、フォームを送信するにはどうすればよいですか?

WP-APIを使用して、React を介して (フロント エンドとして) カスタム フォームを外部呼び出しとして送信する方法を知りたいと思いました。

abc.com - wp-api がインストールされた Wordpress ドメイン xyz.com - ReactJS を実装した Web サイト - ここからすべての API のエンドポイントを呼び出します

4

1 に答える 1

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'
    )
);
于 2016-05-30T14:23:42.667 に答える