I am trying to update some data in using PHP & AJAX but my alert is not showing. In function(response) i am getting “success” message from PHP file. Please advise
JavaScript
x
<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> ———- MY AJAX SCRIPT ———-
JavaScript
<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>Advertisement
Answer
You need to check Network tab in your browser and ensure you have 200+ HTTP code when AJAX produced, otherwise you won’t reach success callback. Also, you can add error callback and do some console.log. This might give you some clue what is happening:
JavaScript
$.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); }});