我想更改提交按鈕以能夠觸發(fā) ajax 或任何可以將 POST 請求發(fā)送到另一臺服務(wù)器的東西（因?yàn)槲蚁朐诹硪慌_服務(wù)器上管理從 wordpress 提交的所有數(shù)據(jù)）。Wordpress 只是帶有 webform 的簡單 UI 頁面，用于創(chuàng)建記錄并發(fā)送到另一臺服務(wù)器。我對PHP一無所知。我如何設(shè)法修改代碼以實(shí)現(xiàn)它？不要擔(dān)心 CORS 問題，因?yàn)槲铱梢蕴幚?
1 回答
慕后森
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超5個(gè)贊
這就是你所需要的。
在您的主題 functions.php 文件中，您需要添加此 WPForms 操作，這將在您完成并提交表單時(shí)觸發(fā)。
add_action( 'wpforms_process_complete', 'sendingDataToJava', 10, 4 );
? ?function sendingDataToJava( $fields, $entry, $form_data, $entry_id) {
? ? //Specify WPForm ID you have there
? ? //if form ID is 1
? ? if (form_data[id] == 1) {
? ? ? $api_url = 'http://some java end point.com';
? ? ? $body = array(
? ? ? ? 'name'? ? ? ? ? ? ? ? => $fields['1']['value'],
? ? ? ? 'email'? ? ? ? ? ? ? ?=> $fields['2']['value'],
? ? ? ? 'phone'? ? ? ? ? ? ? ?=> $fields['3']['value'],
? ? ? ?);
? ? ? ?$request = wp_remote_post( $api_url, array( 'body' => $body ) );
? ? ?}
}
您將必須以您使用的形式查看 $fields id，并相應(yīng)地在上面進(jìn)行更改。您還需要弄清楚如何獲取 Java 端點(diǎn)文件中的數(shù)據(jù)。
其他方式
另一種方法是通過在 functions.php 中添加此操作來發(fā)出 ajax 請求
add_action( 'wp_ajax_foobar', 'sendingDataToJava' );
add_action( 'wp_ajax_nopriv_foobar', 'sendingDataToJava' );
function sendingDataToJava() {
? ? // do something
? ? // avoids extra 0 at the end of the response
? ? die(); /
}
在您的主題 JS 文件中添加此代碼
jQuery(document).ready(function($) {
? ?$('#form_button_id').click( function() {
? ? ? //
? ? ? var data = {
? ? ? ? ?name: $('#field_1').val(),
? ? ? ? ?email: $('#field_2').val(),
? ? ? ? ?phone: $('#field_3').val()
? ? ? };
? ? ? var ajaxurl = 'http://some java end point.com';
? ? ? jQuery.post(ajaxurl, data, function(response) {
? ? ? ? ?alert('Data Sent to Sent +' response);
? ? ? }
? ? ? );
? ?}
? ?);
}
);
- 1 回答
- 0 關(guān)注
- 233 瀏覽
添加回答
舉報(bào)
0/150
提交
取消