页面正在通过 Otp 提交而不刷新？

Question

当我填写信息并尝试发送 OTP 页面重新加载时，我得到了这个网站 这是网站：

https://tunisia.blsspainvisa.com/english/book_appointment.php

填写完信息，点击（请求验证码），你就明白我的意思了

我尝试的是：

$(function () {

  $('#tunisiaThird').on('submit', function (e) {

    e.preventDefault();

    $.ajax({
            type: 'post',

        url: 'https://tunisia.blsspainvisa.com/book_appointment.php',

        data: $('#tunisiaThird').serialize(),



            success: function () {
      }
    });

  });
});

我只是一个客户，所以我使用 Tampermonkey 来注入。

Answer 1

您需要在此处阅读有关 jquery ajax post 或 get 方法的更多信息：

https://api.jquery.com/jQuery.post/

这里有很多问题，如果你搜索你会发现很多例子

这是一个完整的例子，它从 php 部分获取错误消息并显示在 html 表单上。 像这样：在 php 中：$error .= 'an error happend'; 和 ajax $('#result').html(data.error);

以 html 显示。

<div id="result"></div>

$(document).ready(function(){
    $('#tunisiaThird').submit(function(event){
    event.preventDefault();
    var formValues = $(this).serialize();
        $.ajax({
        url:"book_appointment.php",
        method:"POST",
        data:formValues,
        dataType:"JSON",
            success:function(data){
                if(data.error === 'ok'){
                    $('#result').html('Successfuly');
                    $('#tunisiaThird')[0].reset();
                    setTimeout(function() {
                        window.location = 'index.php';
                    }, 1000);
                } else {
                    $('#result').html(data.error);
                }
            }
        });
    });
});