Question

我有关于我的ajax的问题，我正在从我的数据库添加数据，我正在尝试刷新我的div。有时它工作得很好，但有时它不是。为什么？。

这是我的代码，我有一个函数addtoqueue，在其成功之内，我已经放了一个div复习，以便在我的数据库中添加后，我将刷新我的div。有时它运作良好，但有时它不是，我多次尝试它，它总是失败。为什么呢？

function addtoqueue(patient_id) {
  if(getClinicID != undefined ) {
    if (confirm("Are you sure you want to add this in queue?")) {
      $.ajax({
          url: siteurl+"myclinic/patientaddqueue",
          type: "POST",
          data: {patient_id:patient_id,clinic_id:getClinicID},
          dataType: "JSON",
            success: function(data) {
              refresh_afterdel(getClinicID);
              alert("Patient Successfully Added");
            }
      });
    }
  }
  else{
    alert("There is no clinic selected");
  }
}

这是我的refresh_afterdel函数，包含完整代码：

function refresh_afterdel(getClinicID) {
$("#queue").empty();
  $.ajax({
        url: siteurl+"myclinic/get_patients_refresh/"+getClinicID,
        type: "GET",
        dataType: "JSON",
        success: function(data) {
            if(data.length>0) {
              $("#queue").empty();
            for(i=0;i<data.length;i++) {
              $('#queue').append('<div class="col-sm-10">'+'<div class="panel-group">'+'<div class="panel panel-info">'+
                                  '<div class="panel-heading">'+'<h4><a data-toggle="collapse" href="#patientinfo'+data[i]['patient_id']+'">'+data[i]['order_num']+' '+data[i]['patient_lname']+', '+data[i]['patient_fname']+' <span class="fa fa-arrow-circle-o-down pull-right"></span></a></h4>'+
                                  '</div><!-- panel-heading -->'+'<div id="patientinfo'+data[i]['patient_id']+'" class="panel-collapse collapse">'+'<div class="panel-body">'+'<div class="row">'+
                                  '<div class="col-sm-5">'+'<small>Patient ID: <label id="patientID">'+data[i]['patient_id']+'</label></small>'+''+'<button onclick="checkstatus('+data[i]['patient_id']+','+data[i]['queue_id']+');this.disabled=true;" id="btn'+data[i]['patient_id']+'" class="btn btn-success btn-sm ">Check me up</button>'+'<button onclick="checkstatus1('+data[i]['patient_id']+');" id="btn'+data[i]['patient_id']+'" class="btn btn-success btn-xs ">View History</button>'+
                                  '<button onclick="removequeuedoc('+data[i]['queue_id']+');" id="btn'+data[i]['patient_id']+'" class="btn btn-danger btn-xs btnmarg">&nbsp;&nbsp;&nbsp; Remove &nbsp;&nbsp;&nbsp;</button>'+'</div><!-- col-sm-4 -->'+'<div class="col-sm-6">'+
                                  '<div class="img-patient">'+'<div class="patient-pic" style="background-image: url('+data[i]['patient_photo']+')"></div>'+'</div><!-- img-patient -->'+'</div><!-- col-sm-6 -->'+'</div><!-- row -->'+
                                  '</div><!-- panel-body -->'+'</div><!-- panel-collapse -->'+'</div><!-- panel -->'+'</div><!-- panel-group -->'+'</div><!-- col-sm-10 -->');
            };            
          }
        }
  });  
}

现在这是我的控制台的屏幕截图，它显示，在我点击按钮addtoqueue后，refresh_afterdel不会运行。我的屏幕截图中的红色标签必须后跟get_patients_refresh，因为它是refresh_afterdel函数的ajax，看看蓝色标签，它显示了我的函数的正确运行。

Answer 1

为了帮助找到问题，我建议除了＆＃34;成功＆＃34;之外，还要为其他事件添加处理程序（例如＆＃34;错误＆＃34;）。然后，您可以查看您的查询是否由于某些可识别的原因而失败。

此外，如果您只是通过检查后续的＆＃34; refresh_afterdel＆＃34;来观察代码执行情况。函数启动新的ajax请求，您可以考虑在执行的早期部分添加控制台日志条目（或必要时发出警报），以查看它失败的位置。

ajax有时运行有时不运行

1 个答案: