提交Otp而不刷新页面

Question

我想单击将Otp发送到我的电话或电子邮件的提交 我不是真的很熟悉Ajax，任何人都可以解释如何在此HTML中进行操作：

<input type="submit" value="OTP code " name="Otp" id="Otp" autocomplete="off">

Answer 1

更简单的方法是使用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')
选择按钮元素
• 将“点击”事件添加到按钮-on('click', function...
• 阻止表单提交和刷新页面-e.PreventDefault()
• 使用jQuery ajax函数将请求发送到target.php-$.ajax({...
• 使用url: 'target.php'设置ajax选项，例如目标页面
• 创建一个将处理响应的函数-success: function(){...

在成功函数中，您应该添加要在请求成功完成后立即运行的任何代码。 data var将包含来自服务器的响应（在这种情况下，为target.php响应）。