ajax成功從服務(wù)器獲取數(shù)據(jù)后，如何觸發(fā)模態(tài)隱藏?，F(xiàn)在我的問題是即使我在服務(wù)器端進行查詢后模態(tài)也沒有關(guān)閉，這可能是我的 ajax 調(diào)用是錯誤的，但嘗試了這段代碼，它甚至不起作用，請參閱下面的代碼。這是價值<textarea id="scanned-QR" name="search"></textarea>這是模態(tài) <!-- Modal --><div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> </div> <div class="modal-body"> ... </div> </div> </div></div>這是我從 textarea 值中獲取的 var 值var query = $('#scanned-QR').val(); fetch_customer_data(query);$(document).on('keyup', '#scanned-QR', function(){ var query = $(this).val(); fetch_customer_data(query); });這是我的ajax調(diào)用 function fetch_customer_data(query = '') { $.ajax({ url:"select.php", method: 'GET', data:{query:query}, dataType: 'json', success:function(data) { $("#exampleModal").removeClass("in"); $(".modal-backdrop").remove(); $('body').removeClass('modal-open'); $('body').css('padding-right', ''); $("#exampleModal").hide(); }, error:function(err){ console.log(err); } }); }所以輸出是：在我keyup之后，textarea 值將與數(shù)據(jù)庫值進行比較，如果它是LIKE或相同的值，那么如果它是相同的值。成功ajax必須執(zhí)行以下幾行。最后，我的數(shù)據(jù)庫連接和我的選擇查詢選擇.php<?php ini_set('display_errors', 1); ini_set('display_startup_errors', 1); error_reporting(E_ALL); $link = mysqli_connect("localhost","root",""); mysqli_select_db($link, "test"); $query = $_GET['query']; $res = mysqli_query($link,"SELECT * FROM admin WHERE username LIKE '$admin%' "); ?>
1 回答
慕雪6442864
TA貢獻1812條經(jīng)驗 獲得超5個贊
有兩個錯誤，
1) 替換$('#exampleModal').hide();為$('#exampleModalLong').hide();
2）你不是json從你的select.php
在select.php添加這個
if (mysqli_num_rows($res) > 0) {
$respose = array('status'=>'1');//1 for success
echo json_encode($respose );
} else {
$respose = array('status'=>'0');//0 for fail
echo json_encode($respose );
}
mysqli_close($link);
在 Ajax 中：添加這個
success:function(data) {
if(data.status == '1'){
$("#exampleModalLong").removeClass("in");
$(".modal-backdrop").remove();
$('body').removeClass('modal-open');
$('body').css('padding-right', '');
$("#exampleModalLong").hide();
}
},
- 1 回答
- 0 關(guān)注
- 123 瀏覽
添加回答
舉報
0/150
提交
取消