jquery - 提交 Otp 而不刷新页面

Question

我想单击将 Otp 发送到我的手机或电子邮件的提交，我对 Ajax 并不熟悉

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

标签： jquerygreasemonkeytampermonkey

Answer 1

更简单的方法是使用jQuery.ajax. 如果你不熟悉 jQuery，jQuery 是一个 JavaScript 框架，它使 JavaScript 编码变得更容易和更快，特别是对于初学者。

有关 jQuery.ajax 的更多信息：jQuery.com 的 jQuery.ajax()

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({...
• 设置 ajax 选项，例如，使用目标页面url: 'target.php'
• 创建一个处理响应的函数 -success: function(){...

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