jquery獲取ajax傳遞的值一個需要注意的地方

獲取通過ajax傳遞過來的值需要注意的地方可能很多，不過這裡介紹一個對於初學者來說最該注意的一個地方，那就是必須等ajax操作執行完畢再去獲取，否則有可能導致無法成功取得

程式碼如下:

一.通過ajax獲取的字串內容:

[HTML] 純文字檢視 複製程式碼
<tr><td id='thetd'>螞蟻部落一</td><td>螞蟻部落二</td></tr>

二.獲取相應單元格的值:

[JavaScript] 純文字檢視 複製程式碼
$(function(){ 
  $.post("antzone.do",{},function(data){ 
    $("#tb").append(data.table); 
  }) 
  $("#thediv").html($("#thetd").html());
})

上面的這種寫法可能會導致獲取失敗，因為ajax沒有執行完畢的時候就開始執行下面的獲取元素程式碼。

程式碼修改如下:

[JavaScript] 純文字檢視 複製程式碼
$(function(){ 
  $.post("antzone.do",{},function(data){ 
    $("#tb").append(data.table); 
  }) 
  $("#thediv").html($("#thetd").html());
})
$("#tb").ajaxComplete(function(){
  $("#thediv").html($("#thetd").html());
})

上面的程式碼是等ajax操作完全執行完畢之後，再去執行相應的操作，這個時候就萬無一失了。