使用AJAX更新数据后重新加载页面,数据更新后也不显示警报



我正在尝试使用PHP&AJAX,但我的警报没有显示。在函数(响应(中;成功;来自PHP文件的消息。请告知

<link rel="stylesheet" 
<body>
<div style="margin: auto;width: 60%;">
<div class="alert alert-success alert-dismissible" id="success" style="display:none;">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
</div>   

----------我的AJAX脚本--------

<script>
$(document).ready(function(){
$(".upr").click(function(){
var $form = $(this).closest('form');
var request=$form.find('[name="request"]').data("request");
var userid=$form.find('[name="userid"]').data("userid");
var pr=$form.find('[id="pr"]').val()

//alert(+pr+"/"+userid+"/"+request);
$.ajax({
url:'update.php',
method:'POST',
data:{
request:request,
userid:userid,
pr:pr

},
success:function(response){
//alert(response);
$("#success").show();
$('#success').html(response);

}
});
});
});
</script>

在生成AJAX时,您需要检查浏览器中的Network选项卡,并确保您有200多个HTTP代码,否则您将无法到达success回调。此外,您还可以添加error回调并执行一些console.log。这可能会给你一些线索:

$.ajax({
url:'update.php',
method:'POST',
data:{
request:request,
userid:userid,
pr:pr
},
success:function(response){
//alert(response);
$("#success").show();
$('#success').html(response);
},
error:function(jqXHR, textStatus, errorThrown) {
console.log('Error happened', jqXHR, textStatus, errorThrown);
}
});

$(document).ready(function(){
$(document).on("click", '.upr', function(e){
e.preventDefault();
var $form = $(this).closest('form');
var req=$form.find('[name="request"]').data("req");
var uid=$form.find('[name="userid"]').data("uid");
var notes=$('#tab'+request).children('td[data-target=notes]').text();
var pr=$form.find('[id="pr"]').val()

$.ajax({
url:'update.php',
method:'POST',
data:{
req:req,
uid:uid,
pr:pr
},
success:function(response){
var newHtml = 'C P = ' + pr;
$('.proo'+request).html(newHtml);
alert(response);

},
error:function(jqXHR, textStatus, errorThrown) {
console.log('Error happened', jqXHR, textStatus, errorThrown);
}
});

})
});

最新更新