我在 Contact Forms 7 上有一個表格，可以讓我的客戶在 30 分鐘內接到電話。一個人為我們構建了一個完成這項作業的 API。但我需要將電話號碼自動添加到外部 URL 的末尾（不是我的聯系頁面，也不是感謝頁面）。提交后，表單會重定向到“感謝頁面”，并且應該觸發一個在 URL 末尾設定電話號碼的 javascript。
我是 Javascript 的新手，但我已經嘗試過prosperon 的這段代碼，但我真的不知道我在做什么。任何人都可以幫忙嗎？
我也嘗試過CF7 到 Webhook，但它沒有用。
uj5u.com熱心網友回復：
您可以使用Contact Form 7 事件。
因此，當提交表單時，會觸發這樣的事情。
document.addEventListener( 'wpcf7submit', function( event ) {
const phone = document.getElementById('phone').value; // Your phone field id
const external_url = `http://external/?phone=${phone}` // Your page after the form is submitted
location.replace(external_url) // Load the page with added parameter
}, false );
uj5u.com熱心網友回復：
試試這個javascript：
document.addEventListener( 'wpcf7submit', function( event ) {
var inputs = event.detail.inputs;
for ( var i = 0; i < inputs.length; i ) {
if ( 'phone' == inputs[i].name ) {
var iframe = document.createElement('iframe');
iframe.setAttribute("src", "https://voice.com.br/sendMessage/" inputs[i].value);
iframe.style.display = "none";
document.body.appendChild(iframe);
break;
}
}
}, false );
這將創建一個隱藏的 iframe，它將加載 url。然后它應該仍然能夠在之后將用戶重定向到感謝頁面。
uj5u.com熱心網友回復：
我們設法通過以下代碼使其與 Javascript/AJAX 一起作業。
var url = "https://www.urloftheAPI.com";
var xhr = new XMLHttpRequest();
xhr.open("POST", url);
xhr.setRequestHeader("Content-Type", "application/json");
var data = `{
"phone": "[phone]",
"id": "company's id in the system of the api"
}`;
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
console.log(xhr.status);
console.log(xhr.responseText);
console.log(data);
}};
xhr.send(data);
該代碼是使用Qube One 的 Contact Form 7插件重定向觸發的 。
重定向到“感謝頁面”是使用相同的插件進行的。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/437740.html
下一篇：在Scala中決議URL引數