主页 / 问题 / 1124813
Accepted
Pashok
Asked:2020-05-13 18:45:45 +0000 UTC2020-05-13 18:45:45 +0000 UTC

如何为调用的ajax请求数做一个计数器？

  • 772

有几种表格可以用 Approved/Rejected 来回答。单击 Approved/Rejected 后，将调用 AJAX。我想在成功的 AJAX 调用后将 +1、+2 等添加到跨度。怎么做才更正确？

js：

$( document ).ready(function() {
  var formaElement = $(".container");
  var counter = 0;
  formaElement.find("form[id*='zaya']").each(function() {
    var stringsp = 'zaya';
    var element = document.querySelectorAll("form[id*='zaya']")[counter];
    var idElement = element.id;
    var need = idElement.split(stringsp);
    var need = need[1];
    $("#odoZaSe"+need).click(function(ev){
      ev.preventDefault();
      var newDivOtk = document.getElementById("creaDivOtk"+need);
      newDivOtk.remove();
      var odob = "True";
      sendAjaxForm('result_form', 'zaya'+need, 'zayavki.php', odob);
      var forRemo = "zaya"+need";
      removeForm(forRemo);//Удаляем отправленную форму
        return false;
    });
    counter++;
  });
});
function otkZa(idza, coun){
  var desc = document.createElement("div");
  desc.className = "form-group";
  desc.id = "creaDivOtk"+coun;
  desc.innerHTML = "<label>Причина отказа:</label>"+
  "<input name=\"desc\" type=\"text\" class=\"form-control\" placeholder=\"Причина\">"+
  "<input class=\"btn btn-primary\" type=\"text\" name = \"otkZaSe"+idza+"\" id=\"otkZaSe"+coun+"\" readonly value=\"Отклонить\">";
  var placeDiv = document.getElementById("otkZa"+coun);
  var parent = placeDiv.parentNode;
  parent.insertBefore(desc, placeDiv);
  placeDiv.remove();
  var rem = document.getElementById("odoZaSe"+coun);
  rem.remove();
  var forRemo = document.getElementById("id ='zaya"+coun+"']");
  $("#otkZaSe"+coun).click(function(ev){
      ev.preventDefault();
      var odob = "False";
      sendAjaxForm('result_form', 'zaya'+coun, 'zayavki.php', odob);
      removeForm(forRemo);//Удаляем отправленную форму
        return false;
    });
}
function sendAjaxForm(result_form, reg_form, url, odob) {
    $.ajax({
        url:     url,
        type:     "POST",
        dataType: "html", //формат данных
        data: $("#"+reg_form).serialize(),
        success: function(response) {
          result = $.parseJSON(response);
          if(result.good == "True"){
            var message = document.getElementById('result_form');
            message.innerHTML += "<p style='color: red;'>Операция произведена</p>";
            message.scrollIntoView();
            if(odob == "True"){
              var span = document.getElementById('prinato');
              var text = document.getElementById('prinato').textContent;
              span.innerHTML = text+"<p style='color: red;'>+ "+number+"</p>";
              //Вот здесь должно добавляться +1, +2 и тд.
            }else if (odob == "False") {
              var span = document.getElementById('nePrinato');
              var text = document.getElementById('nePrinato').textContent;
              span.innerHTML = text+"<p style='color: red;'>+ "+number+"</p>";
              //Вот здесь должно добавляться +1, +2 и тд.
            }
          }
        },
        error: function(response) { 
            $('#result_form').html('Ошибка. Данные не отправлены.');
        }
    });
}

html $counterZaya - 只是一个柜台，$idZaya - 票证 ID：

<p>
<!--Тут из БД берётся кол-во заявок до запросов-->
Принятые заявки: <span id = 'prinato' class = ''>$countPrin</span>
Не принятые заявки: <span id = 'nePrinato' class = ''>$countNePrin</span>
</p>
<div id="result_form"></div>
<div class="container">
  <!--Тут в цикле выводятся формы-->
  <form id=\"zaya$counterZaya\" class=\"buttons\">
    <input name="odoZaSe$idZaya" id = "odoZaSe$counterZaya" type="text" class="btn btn-primary" value="Одобрить" readonly>
    <button onclick="otkZa($idZaya, $counterZaya);" id="otkZa$counterZaya">Отклонить</button>
  </form>
</div>
javascript

1 个回答

  1. Best Answer

    我找到了一个解决方案，最简单的一个，不监控发送请求的数量。由于发送请求被放置在一个函数中，因此可以将一个条件计数器传递给它，它最初等于 0，然后在成功调用时求和。js：

    var numberAj = 0;
$( document ).ready(function() {
  var formaElement = $(".container");
  var counter = 0;
  formaElement.find("form[id*='zaya']").each(function() {
    var stringsp = 'zaya';
    var element = document.querySelectorAll("form[id*='zaya']")[counter];
    var idElement = element.id;
    var need = idElement.split(stringsp);
    var need = need[1];
    $("#odoZaSe"+need).click(function(ev){
      ev.preventDefault();
      var newDivOtk = document.getElementById("creaDivOtk"+need);
      newDivOtk.remove();
      var odob = "True";
      sendAjaxForm('result_form', 'zaya'+need, 'zayavki.php', odob, numberAj);
      var forRemo = "zaya"+need";
      removeForm(forRemo);//Удаляем отправленную форму
        return false;
    });
    counter++;
  });
});
function otkZa(idza, coun){
  var desc = document.createElement("div");
  desc.className = "form-group";
  desc.id = "creaDivOtk"+coun;
  desc.innerHTML = "<label>Причина отказа:</label>"+
  "<input name=\"desc\" type=\"text\" class=\"form-control\" placeholder=\"Причина\">"+
  "<input class=\"btn btn-primary\" type=\"text\" name = \"otkZaSe"+idza+"\" id=\"otkZaSe"+coun+"\" readonly value=\"Отклонить\">";
  var placeDiv = document.getElementById("otkZa"+coun);
  var parent = placeDiv.parentNode;
  parent.insertBefore(desc, placeDiv);
  placeDiv.remove();
  var rem = document.getElementById("odoZaSe"+coun);
  rem.remove();
  var forRemo = document.getElementById("id ='zaya"+coun+"']");
  $("#otkZaSe"+coun).click(function(ev){
      ev.preventDefault();
      var odob = "False";
      sendAjaxForm('result_form', 'zaya'+coun, 'zayavki.php', odob, numberAj);
      removeForm(forRemo);//Удаляем отправленную форму
        return false;
    });
}
function sendAjaxForm(result_form, reg_form, url, odob, number) {
    $.ajax({
        url:     url,
        type:     "POST",
        dataType: "html", //формат данных
        data: $("#"+reg_form).serialize(),
        success: function(response) {
          result = $.parseJSON(response);
          if(result.good == "True"){
            var message = document.getElementById('result_form');
            message.innerHTML += "<p style='color: red;'>Операция произведена</p>";
            message.scrollIntoView();
            if(odob == "True"){
              number++;
              numberAj++;
              var span = document.getElementById('prinato');
              var text = document.getElementById('prinato').textContent;
              span.innerHTML = text+"<p style='color: red;'>+ "+number+"</p>";
            }else if (odob == "False") {
              number++;
              numberAj++;
              var span = document.getElementById('nePrinato');
              var text = document.getElementById('nePrinato').textContent;
              span.innerHTML = text+"<p style='color: red;'>+ "+number+"</p>";
            }
          }
        },
        error: function(response) { 
            $('#result_form').html('Ошибка. Данные не отправлены.');
        }
    });
}

    html不变。如果这可以以某种方式改进，我将不胜感激。

    • 1

相关问题