2016-05-30 3 views
0

Требуется для отправки пользовательских данных POST через Wordpress API с использованием ReactJS. Как мы используем AJAX в Wordpress, используя что-то вродеWordpress REST API custom form submit - Реагировать

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

Wordpress и Реагировать не на том же домене. Я использую wp-apiv2.

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

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

abc.com - домен Wordpress с WP-апи установлен 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> 

Или с только что Реагирует:

'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' 
    ) 
); 
+0

привет спасибо за ответ, но я думаю, что у вас есть неправильный вопрос, я хотел бы знать, как я могу использовать * WP-API * для отправки пользовательской формы через React (as передний конец) в качестве внешнего вызова, например. abc.com - домен Wordpress с установленным wp-api xyz.com - реализованный сайт ReactJS - отсюда я буду называть все конечные точки API – Ank

+0

@Ank, я вижу. Вы можете настроить заголовки кортежей на стороне сервера на белый список нескольких доменов, например: http://stackoverflow.com/questions/1653308/access-control-allow-origin-multiple-origin-domains, также дважды проверьте спецификации w3c для большей глубины. – jmunsch