gpt4 book ai didi

javascript - 如何将值从 javascript 传递到 html 表单上的 php?

转载 作者:行者123 更新时间:2023-11-28 02:21:50 24 4
gpt4 key购买 nike

我的用例是创建一个接受任何国际号码的 HTML 表单,并将其传递给一个 php 应用程序,该应用程序通过 Twilio API 调用该号码。现在 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 文件:

<?php

require_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 变量中的值传递给它?

最佳答案

通过 post 方法使用 jquery ajax 调用:像这样 :-HTML :

<form>
<input id="phone" type="tel" name="phone">
<button type="button" onclick="return send_number();">Call</button>
</form>

j查询:

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;
}
});
}

关于javascript - 如何将值从 javascript 传递到 html 表单上的 php?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57089577/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com