为什么 ajax modal 需要太多时间

Question

你好 stackoverflow 用户，

我有一个jquery来打开一个模态，代码如下

$(".openVarifiedModal").click(function(){

    var otpFor = $(this).data("value");
    var formdata = $(this).data("fieldvalue");

    $.ajax({
      type:'GET',
      url:'ajax/ajax_send_otp.php',
      data:{
        otpFor:otpFor,
        dataw:formdata
      },
      success: function(data){
         alert(data);
      }                
  });
});

而 PHP 页面是

include("../include/database.php");

if($_REQUEST['otpFor'] == "cmobile" || $_REQUEST['otpFor'] == "cmobile2"){
    $cmobile = $_POST['dataw'];;
    $cemail = "";
}else{
    $cmobile = "";
    $cemail = $_REQUEST['dataw'];
}

$otp_type = 3;
$todate = date('Y-m-d');
$otp = "451".rand(1,9);

// $result = $conn->query("INSERT INTO `user_otp`(`date`,`cmobile`,`email`,`otp`,`otp_type`) VALUES ('$todate','$cmobile','$cemail','$otp','otp_type')");
// QUery Takes Only 0.0580 To execute.

if($result){
    echo "OK";
}else{
    echo "NOT OK";
}

成功后模态需要 3.0 秒才能在插入后打开模态。 我还尝试插入第二个模式，它将立即打开。

但这里的扭曲是当我删除include('database.php')它会立即打开。 而我的数据库 php 没有什么期望数据库连接

这是单击后的网络选项卡 Firefox I have Lots Of Jqyery Code in My Page(eg 500+ Lines Functions)

Answer 1

在完成 ajax 后得到以毫秒为单位的响应以显示弹出窗口。 有你上面截图的结构

Answer 2

ajax php 文件没有提供数据。 因为您没有在 jquery 脚本中选择正确的对象。 评论或解释您的这一行的目标：

var otpFor = $(this).data("value");
var formdata = $(this).data("fieldvalue");

Answer 3

在 firefox 中，使用 firebug (F12) 和 Network 选项卡来监控每个事务与服务器的持续时间。 也许是因为其他一些资源......
firebug Netwrokr 选项卡的屏幕截图有助于比这更好地回答。
更新...
也许是因为你的ajax 的GET 类型。 您在 php 部分调用 POST 方法，但在 ajax 中使用 GET！
更新...
请将您的php代码发送到本地测试...