在不刷新页面的情况下提交 OTP
Submit Otp Without Page Refresh
我想点击发送 Op 到我的 Phone 或电子邮件的提交
我不是很熟悉 Ajax 任何人都可以解释如何在这个 Html 上做到这一点：
<input type="submit" value="OTP code " name="Otp" id="Otp" autocomplete="off">
更简单的方法是使用 jQuery.ajax。如果您不熟悉 jQuery，jQuery 是一个 JavaScript 框架，它使 JavaScript 编码变得更加容易和快速，特别是对于初学者。
有关 jQuery.ajax 的更多信息：jQuery.ajax() by jQuery.com
JavaScript代码：
$('#Opt').on('click', function(e){
e.preventDefault();
$.ajax({
url: 'target.php',
success: function(data){
//any code to handle "data" received from target.php
}
});
});
我们在这个例子中所做的是：
- 通过 ID 名称选择按钮元素 -
$('#Opt')
- 正在向按钮添加 "click" 事件 -
on('click', function...
- 阻止表单提交和刷新页面 -
e.PreventDefault()
- 使用 jQuery ajax 函数发送请求到 target.php -
$.ajax({...
- 设置ajax选项，例如，使用
url: 'target.php' 的目标页面
- 创建一个函数来处理响应 -
success: function(){...
在成功函数中，您应该在请求成功完成后立即添加您想要 运行 的任何代码。 data var 将包含来自服务器的响应（在本例中为 target.php 响应）。
我想点击发送 Op 到我的 Phone 或电子邮件的提交 我不是很熟悉 Ajax 任何人都可以解释如何在这个 Html 上做到这一点：
<input type="submit" value="OTP code " name="Otp" id="Otp" autocomplete="off">
更简单的方法是使用 jQuery.ajax。如果您不熟悉 jQuery，jQuery 是一个 JavaScript 框架，它使 JavaScript 编码变得更加容易和快速，特别是对于初学者。
有关 jQuery.ajax 的更多信息：jQuery.ajax() by jQuery.com
JavaScript代码：
$('#Opt').on('click', function(e){
e.preventDefault();
$.ajax({
url: 'target.php',
success: function(data){
//any code to handle "data" received from target.php
}
});
});
我们在这个例子中所做的是：
- 通过 ID 名称选择按钮元素 -
$('#Opt') - 正在向按钮添加 "click" 事件 -
on('click', function... - 阻止表单提交和刷新页面 -
e.PreventDefault() - 使用 jQuery ajax 函数发送请求到 target.php -
$.ajax({... - 设置ajax选项，例如，使用
url: 'target.php'的目标页面
- 创建一个函数来处理响应 -
success: function(){...
在成功函数中，您应该在请求成功完成后立即添加您想要 运行 的任何代码。 data var 将包含来自服务器的响应（在本例中为 target.php 响应）。