javascript - Bootstrap 可忽略的成功消息使用 ajax 时不会显示更长的时间

Question

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

编码部分:

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