0

想要使用 ReactJS 通过 Wordpress API 发布自定义表单数据。就像我们在 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。

  • 有没有关于这方面的工作示例？（反应或角度）
  • 如何使用 OAuth 在 Wordpress 中访问 admin.php 以提交我的表单？

我想知道如何使用WP-API通过 React（作为前端）作为外部调用提交自定义表单，例如

abc.com - 安装了 wp-api 的 Wordpress 域 xyz.com - ReactJS 实现的网站 - 从这里我将调用所有 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 回答