如何使用保存數據的Jquery

Question

後dsiplay警報消息其實我保存數據，所以請大家幫我出

我下面的代碼之前得到警報信息顯示是有

 for (var i = 0; i < rows_count; i++) { 
       var count = 0; 
       $.ajax({ 
        type: "POST", url: "Default.aspx/update_extraHoursWorked", cache: false, data: "{'empID':'" + $("#emp_id" + i).text() + "','emp_code': '" + $("#emp_code" + i).text() + "','emp_category':'" + $("#emp_category" + i).text() + "','g1': '" + $("#txtgen_Three" + i).val() + "','f1': '" + $("#txtfirst_Three" + i).val() + "','s1': '" + $("#txtsecond_Three" + i).val() + "','t1': '" + $("#txtthrid_Three" + i).val() + "','g2': '" + $("#txtgen_Four" + i).val() + "','f2': '" + $("#txtfirst_Four" + i).val() + "','s2': '" + $("#txtsecond_Four" + i).val() + "','t2': '" + $("#txtthrid_Four" + i).val() + "','g3': '" + $("#txtgen_Five" + i).val() + "','f3': '" + $("#txtfirst_Five" + i).val() + "','s3': '" + $("#txtsecond_Five" + i).val() + "','t3': '" + $("#txtthrid_Five" + i).val() + "','contracortName': '" + $('#ddlContractorNames>option:selected').text() + "'}", contentType: "application/json; charset=utf-8", dataType: "json", 
        success: function (data) { }, error: function (e) { alert('Error, Update att.'); } 

       }); 
      } enableLastTwoDays(true); 

       alert('Saved Successfully'); 


     } 

Answer 1

試試這個，警報應在成功函數，如果ajax請求成功則調用該函數。您也可以在這個成功功能中從服務器獲取響應數據。如果數據是從服務器返回的，請嘗試console.log(data)以在瀏覽器控制檯中顯示數據。

 for (var i = 0; i < rows_count; i++) { 
       var count = 0; 
       $.ajax({ 
        type: "POST", url: "Default.aspx/update_extraHoursWorked", cache: false, data: "{'empID':'" + $("#emp_id" + i).text() + "','emp_code': '" + $("#emp_code" + i).text() + "','emp_category':'" + $("#emp_category" + i).text() + "','g1': '" + $("#txtgen_Three" + i).val() + "','f1': '" + $("#txtfirst_Three" + i).val() + "','s1': '" + $("#txtsecond_Three" + i).val() + "','t1': '" + $("#txtthrid_Three" + i).val() + "','g2': '" + $("#txtgen_Four" + i).val() + "','f2': '" + $("#txtfirst_Four" + i).val() + "','s2': '" + $("#txtsecond_Four" + i).val() + "','t2': '" + $("#txtthrid_Four" + i).val() + "','g3': '" + $("#txtgen_Five" + i).val() + "','f3': '" + $("#txtfirst_Five" + i).val() + "','s3': '" + $("#txtsecond_Five" + i).val() + "','t3': '" + $("#txtthrid_Five" + i).val() + "','contracortName': '" + $('#ddlContractorNames>option:selected').text() + "'}", contentType: "application/json; charset=utf-8", dataType: "json", 
        success: function (data) { alert('Saved Successfully'); }, error: function (e) { alert('Error, Update att.'); } 

       }); 
      } enableLastTwoDays(true); 




     } 

修改後的代碼如下，下面的代碼是給U上的一個想法，這個理想代碼不應該在你的生產現場這樣使用。在這裏，對於每一個成功保存的行，調用保存函數，其中inturn增加了count_successful的計數。循環結束後，如果它等於行數

var count_successful = 0; 
     for (var i = 0; i < rows_count; i++) { 
       var count = 0; 
       $.ajax({ 
        type: "POST", url: "Default.aspx/update_extraHoursWorked", cache: false, data: "{'empID':'" + $("#emp_id" + i).text() + "','emp_code': '" + $("#emp_code" + i).text() + "','emp_category':'" + $("#emp_category" + i).text() + "','g1': '" + $("#txtgen_Three" + i).val() + "','f1': '" + $("#txtfirst_Three" + i).val() + "','s1': '" + $("#txtsecond_Three" + i).val() + "','t1': '" + $("#txtthrid_Three" + i).val() + "','g2': '" + $("#txtgen_Four" + i).val() + "','f2': '" + $("#txtfirst_Four" + i).val() + "','s2': '" + $("#txtsecond_Four" + i).val() + "','t2': '" + $("#txtthrid_Four" + i).val() + "','g3': '" + $("#txtgen_Five" + i).val() + "','f3': '" + $("#txtfirst_Five" + i).val() + "','s3': '" + $("#txtsecond_Five" + i).val() + "','t3': '" + $("#txtthrid_Five" + i).val() + "','contracortName': '" + $('#ddlContractorNames>option:selected').text() + "'}", contentType: "application/json; charset=utf-8", dataType: "json", 
        success: function (data) { count_successful = count_successful+1; }, error: function (e) { alert('Error, Update att.'); } 

       }); 
      } enableLastTwoDays(true); 

     } 

if(count_successful == rows_count){ 
    alert('Saved all rows successfully'); 
} 

Answer 2

的count_successful計數檢查你可以指望取得圓滿成功，並最終警報..

count_success= 0; 
for (var i = 0; i < rows_count; i++) { 
        //--- 
        //-- 
         success: function (data) { count_success++; }, 
         error: function (e) { alert('Error, Update att.'); } 

        }); 
       } enableLastTwoDays(true); 

        alert(count_success +'Record Saved Successfully'); 


      } 

Answer 3

有一個隱藏的領域各自對這個功能並在每次成功時增加/改變它的值。最後，如果successCount值等於總行數，則顯示警報。

function someFunction() { 

     for (var i = 0; i < rows_count; i++) { 
      var count = 0; 
      $.ajax({ 
       type : "POST", 
       url : "Default.aspx/update_extraHoursWorked", 
       cache : false, 
       data : "{}", 
       contentType : "application/json; charset=utf-8", 
       dataType : "json", 
       success : function(data) { 
       $('#successCountID').val(i); // changed i+1 to i 
       }, 
       error : function(e) { 
        alert("Error, Update att."); 
       } 

      }); 
     } 
     enableLastTwoDays(true); 
    $(document).ajaxStop(function() { 
     // place code to be executed on completion of last outstanding ajax call here 
     var count = $('#successCountID').val(); 
     if (count == rows_count) { 
      alert("Saved Successfully"); 
      $('#successCountID').val(0); 
     } 
    }); 
    } 

添加一個隱藏字段的形式內成功

<input type="hidden" name="successCount" id="successCountID" value="0">