2016-05-30 41 views
0

想通過Wordpress API使用ReactJS POST自定義表單數據。就像我們在Wordpress中使用AJAX一樣使用類似Wordpress REST API自定義表單提交 - 反應

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 or Angular)
  • 如何在Wordpress中使用OAuth獲取admin.php來提交表單?

我想知道我怎麼可以使用WP-API提交定製形成貫通作出反應(如前端)作爲外部調用如

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> 

或者與剛反應過來:

'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 *提交定製形成貫通作出反應(如前端)作爲外部呼叫,例如, abc.com - Wordpress域與WP-API安裝 xyz.com - ReactJS實施的網站 - 從這裏我將打電話給所有API的端點 – Ank

+0

@Ank我看到。您可以將服務器端cors標頭設置爲將多個域列入白名單,如下所示:http://stackoverflow.com/questions/1653308/access-control-allow-origin-multiple-origin-domains還要仔細檢查w3c規範以獲取更多深度。 – jmunsch