Как показать сообщение оповещения после всех записей, вставленных в базу данных

Question

Я работаю над проектом Asp.net. Я пытаюсь вставить все записи gridview в базу данных, используя jquery ajax. Вот мой код

function Insert() { 
     var Grid = document.getElementById('<%=gvMyGrid.ClientID%>'); 
     var Value={}; 
     for (var i = 1; i < Grid.rows.length; i++) { 
      Value.Sr = Grid.rows[i].cells[0].innerText; 
      Value.Name = Grid.rows[i].cells[1].innerText; 
      Value.Marks = Grid.rows[i].cells[2].children[0].value; 
      $.ajax({ 
       type: "POST", 
       url: "Default.aspx/Insert", 
       data: '{Value:' + JSON.stringify(Value) + '}', 
       contentType: "application/json; charset=utf-8", 
       dataType: "json", 
       success: function (response) { 
       } 
      }); 
     } 
     alert('Saved Successfully'); 
    } 

Это работает нормально, но я хочу, чтобы отобразить его предупредительное сообщение («Сохранено») после того, как все строки вставки успешно.

Но проблема в том, что есть много строк, на которых отображается предупреждающее сообщение, прежде чем вставлять все строки.

Пожалуйста, помогите ......

Answer 1

function Insert() { 
    var Grid = document.getElementById('<%=gvMyGrid.ClientID%>'); 
    var Value={}; 
var count=0; 
    for (var i = 1; i < Grid.rows.length; i++) { 
     Value.Sr = Grid.rows[i].cells[0].innerText; 
     Value.Name = Grid.rows[i].cells[1].innerText; 
     Value.Marks = Grid.rows[i].cells[2].children[0].value; 
     $.ajax({ 
      type: "POST", 
      url: "Default.aspx/Insert", 
      data: '{Value:' + JSON.stringify(Value) + '}', 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (response) { 
       count=count+1;  
      } 
     }); 
    } 
if(count==Grid.rows.length) 
{ 
    alert('Saved Successfully'); 
} 
} 

Answer 2

Используйте успех: обратный вызов, чтобы определить, когда вставка завершена.

Приращение переменной счетчика каждый раз, когда вызывается обратный вызов успеха, и когда счетчик равен «Grid.rows.length», покажите сообщение об успешном завершении.

Answer 3

Вы можете использовать обратный вызов успеха для функции ajax i jQuery (http://api.jquery.com/jquery.ajax/).

В обратном вызове проверьте, что это последняя строка, если она есть, отправляет сообщение об успешном завершении.

Попробуйте этот код (не проверено).

function Insert() { 
    var Grid = document.getElementById('<%=gvMyGrid.ClientID%>'); 
    var Value={}; 
    for (var i = 1; i < Grid.rows.length; i++) { 
     Value.Sr = Grid.rows[i].cells[0].innerText; 
     Value.Name = Grid.rows[i].cells[1].innerText; 
     Value.Marks = Grid.rows[i].cells[2].children[0].value; 
     $.ajax({ 
      type: "POST", 
      url: "Default.aspx/Insert", 
      data: '{Value:' + JSON.stringify(Value) + '}', 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (response) { 
       if (i == Grid.rows.length-1) { 
        alert('Saved Successfully'); 
       } 
      } 
     }); 
    } 
} 

Answer 4

попробовать это потому, что Ajax вызов асинхронной он Безразлично `ждать ответа он будет выполнять следующий оператор непосредственно, так что используйте XMLHttpRequest для синхронной связи

function doPostAjax(requestURL,formData,callback){ 
     var xmlhttp; 
     if (window.XMLHttpRequest) 
     {// code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp=new XMLHttpRequest(); 
     } 
     else 
     {// code for IE6, IE5 
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
     } 
     xmlhttp.onreadystatechange=function() { 
      if (xmlhttp.readyState==4 && xmlhttp.status==200) { 
       var jText = JSON.parse(xmlhttp.responseText); 
       callback(jText); 
      }else if(xmlhttp.readyState==4 && xmlhttp.status!=200){ 
       handleError(xmlhttp.status); 
       disableAjaxLoadingImageDiv(); 
      } 
     } 
     xmlhttp.open("POST",requestURL,true); 
     xmlhttp.setRequestHeader("Cache-Control", "no-cache"); 
     xmlhttp.send(formData);  
} 

Answer 5

Shaiwal Tripathi проверить это согласно вашему требованию

function Insert() { 
    var Grid = document.getElementById('<%=gvMyGrid.ClientID%>'); 
    var Value={}; 
    var xmlhttp; 
    for (var i = 1; i < Grid.rows.length; i++) { 
     Value.Sr = Grid.rows[i].cells[0].innerText; 
     Value.Name = Grid.rows[i].cells[1].innerText; 
     Value.Marks = Grid.rows[i].cells[2].children[0].value; 

     if (window.XMLHttpRequest) 
     {// code for IE7+, Firefox, Chrome, Opera, Safari 
      xmlhttp=new XMLHttpRequest(); 
     } 
     else 
     {// code for IE6, IE5 
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
     } 
     xmlhttp.onreadystatechange=function() { 
      if (xmlhttp.readyState==4 && xmlhttp.status==200) { 
       //every Success message 
      }else if(xmlhttp.readyState==4 && xmlhttp.status!=200){ 
       //anyone record false 
      } 
     } 
     xmlhttp.open("POST",requestURL,true); 
     xmlhttp.setRequestHeader("Cache-Control", "no-cache"); 
     xmlhttp.send('{Value:' + JSON.stringify(Value) + '}'); 
    } 
    alert('Saved Successfully'); 
}