通过 Axios 向 Wordpress 提交表格

Question

我无法通过 Axios 向 Wordpress 提交表单。 Wordpress 需要在传输的数据中进行“操作”，据我所知，不接受 JSON。 所以我创建了一个 URLSearchParams() object 来存储我的数据，我想发送到 wordpress。 问题是，我想通过 Axios 将一组对象发送到 wordpress，但我无法在 PHP 中接收它。

var params = new URLSearchParams()
params.append('action', 'save_form')
params.append("x", x)
params.append("y", y)
persons.map((person, index) => {
    params.append("myArr[]", JSON.stringify(myObj))
})

在 PHP 我想接收这样的对象，但由于 URLSearchParams，JSON 无效......

foreach ($_POST["myArr"] as $myObjJson) {
    // json_decode() fails
    $myObj= json_decode($myObjJson);
}

如何通过 Axios 将来自 Javascript 的数据发送到我的 Wordpress 页面并通过数组循环？

Answer 1

以下是使用联系表 7 发送的示例。

 var name = $('#nameField').val(); var email = $('#emailField').val(); const dataup = new FormData(); dataup.append("name", name); dataup.append("email", email); const response = axios.post( `https://yoursite.com/wp-json/contact-form-7/v1/contact-forms/{ID-FORM}/feedback`, dataup ).then(function(response) { //... action }).catch(function(error) { //... action });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>