我的用例是創建一個 HTML 表單，該表單接受任何國際號碼并將其傳遞給一個 php 應用程序，該應用程序通過 Twilio API 調用該號碼?，F在 PHP 應用程序需要一個 HTTP POST 請求。我正在使用 intl-tel-input javascript 來格式化和驗證在 html 表單中輸入的電話號碼。作為這一切的新手，我想了解如何從在 html 表單上運行的 javascript 獲取格式化數字，并從同一個 html 表單實例化 post 方法并調用 php 應用程序。到目前為止我只有這個，我不知道如何設置 post 方法來調用 php 應用程序？請問有什么想法嗎？<!DOCTYPE html><html><head><meta charset="utf-8"><link rel="stylesheet" href="build/css/intlTelInput.css"></head><body><form> <input id="phone" type="tel" name="phone"> <button type="submit">Call</button></form><script src="build/js/intlTelInput.js"></script><script src="build/js/prism.js"></script><script src="build/js/isValidNumber.js"></script><script>var input = document.querySelector("#phone");window.intlTelInput(input, { separateDialCode: true, utilsScript: "build/js/utils.js",}); </script></body></html>下面是發起實際電話呼叫的 PHP 文件：<?phprequire_once '/path/to/vendor/autoload.php';use Twilio\Rest\Client;$sid = "ACXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX";$token = "your_auth_token";$twilio = new Client($sid, $token);$from = "xxxxx";$to = $_POST['phone'];$call = $twilio->calls->create($to, $from, array("url" => "http://demo.twilio.com/docs/voice.xml"));print($call->sid);正如我所提到的，問題是如何從上面的 html 表單調用這個 php 應用程序并將 phone 變量中的值傳遞給它？
2 回答
繁花不似錦
TA貢獻1851條經驗 獲得超4個贊
第一個<button type="submit">Call</button>=><button type="button" id="submitButton">Call</button>
然后添加一些Javascript：
<script>
window.onload = function() {
const button = document.querySelector("#submitButton");
button.addEventListener('click', () => {
sendRequest();
alert('button clicked');
});
}
function sendRequest() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
console.log(this.responseText);
}
};
const number = document.querySelector("#phone").value;
xhttp.open("POST", "/path/to/php/endpoint", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send(`number=${number}`);
}
</script>
慕的地8271018
TA貢獻1796條經驗 獲得超4個贊
使用帶有 post 方法的 jquery ajax 調用：像這樣：- html：
<form>
<input id="phone" type="tel" name="phone">
<button type="button" onclick="return send_number();">Call</button>
</form>
查詢：
function send_number()
{
var post_data = { };
var phone = $("#phone").val();
post_data['phone'] = phone;
var APPUrl = 'App_receive_number.php';
$.ajax({
type: "POST",
url: APPUrl,
data: post_data,
cache: false,
success: function(res)
{
alert("Success! Sent!"); return true;
},
error: function (xhr, ajaxOptions, thrownError) {
alert("Failed! Please Try Again!");
return false;
}
});
}
- 2 回答
- 0 關注
- 197 瀏覽
添加回答
舉報
0/150
提交
取消