页面在没有刷新的情况下通过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 () {
      }
    });

  });
});

我只是个客户，所以我要用坦帕猴子来注射。

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