Ajax success（）函数在函数jQuery中不起作用

Question

我正在编写一个带有ajax函数的jquery代码，以便在下拉列表更改时获取数据表单数据库。

但是ajax函数看起来好像没有执行，当我使用chrome浏览器检查代码时它没有给出任何错误消息我试图提醒一些关于更改功能的数据并且它有效但我没有得到任何结果或数据内部成功功能。

这是我的代码

$(document).ready(function() {
  $('#prov_id').on('change', function() {
    alert($('#prov_id').val());
    $.ajax({
      type: 'POST',
      url: 'ajax_queries.php',
      data: {
        request: 'get_states',
        prov_id: $('#prov_id').val()
      },
      success: function(data) {
        alert(data);
      }
    });
  });
});

这个警报是有效的

alert($('#prov_id').val());

但事实并非如此

success: function(data){
  alert(data);
}

任何帮助？

Answer 1

在你的ajax请求中设置dataType:'json'：

<script>
$(document).ready(function(){

   $('#prov_id').on('change',function(){
    $.ajax({
      type: 'POST',
      url: 'ajax_queries.php',
      dataType:'json',
      data: {request:'get_states',prov_id:$('#prov_id').val()},
      success: function(data){
          alert(data);
      },
      error:function(){
       alert('Error :(');
      }    
    });
  });

});
</script>

Answer 2

$.ajax( "example.php" )
  .done(function(ht) {
    alert( ht );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "complete" );
  });

Answer 3

在将数据传递给ajax之前，应首先将数据存储到变量中。

<script>
$(document).ready(function(){

    $('#prov_id').on('change',function(){
    var prov_id = $('#prov_id').val();
    alert(prov_id);
    $.ajax({
      type: 'POST',
      url: 'ajax_queries.php',
      data: {request:'get_states',prov_id:prov_id},
      success: function(data){
          alert(data);

      }

        });

    });
});
</script>