Bootstrap 可关闭的成功消息不再使用 ajax 显示

Question

我有一个使用 PHP post 方法获取数据的 ajax 表单。我没有使用 Javascript 的警报功能，而是调用了引导成功消息。但是问题它并没有显示更长时间仅持续不到一秒钟。如何在用户手动关闭它之前显示它的长度，因为它是可关闭的。

编码部分：

function send_form() {
  $.ajax({
     url: "./admin-security.php",
     type: "POST",
     data: {
       ip: $("#ip").val()
     },
     success: function(response) {
          if(response==1) {
               $("#ajax-ip-success").show();
              location.href = "./admin-security.php";
          }
          else alert("Fail! DataBase Error");
      }
  });
 }

<?php
//--AJAX PART CALLING
      if(isset($_POST['ip'])){
          if($IP = filter_input(INPUT_POST, 'ip', 
            FILTER_SANITIZE_STRING)){
          $add_ip = $mysqli->prepare("INSERT INTO block_ip(b_ip) 
            VALUES(?)");
          $add_ip->bind_param("s",$IP);
          $add_ip->execute();
          $add_ip->store_result();
          $add_ip->close();
         echo 1;
          }
          else {
                echo 0;
          }
       exit;
      }
?>
<div class="alert alert-success alert-dismissable fade in" style="display: none;" id="ajax-ip-success">
                  <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                  <strong>Success!</strong> IP added successfully.
                  </div>
<div class="form-horizontal">
        <div class="form-group">
       <label class="control-label col-sm-2" for="ip"> Enter IP:</label>
        <div class="col-sm-8">
            <input type="text" name="ip" class="form-control" id="ip" />
      </div></div>
     <div class="form-group"> 
        <div class="col-sm-offset-2 col-sm-8">
       <button type="button" onClick="send_form()" class="btn btn-default" 
        >Submit</button>
           </div></div>
         </div>

Answer 1

您可以为位置重定向设置超时

setTimeout(function(){
 location.href = "./admin-security.php"; 
},2000);