如何獲取jQuery/AJAX結果到表格單元格

我有這個腳本在這裏輸出sql db查詢的結果，但我不知道如何讓它把結果放在指定的表格單元格中。如何獲取jQuery/AJAX結果到表格單元格

下面是查詢：

<script type="text/javascript"> 

$(document).ready(function(){ 
$('.typeval').change(function(){ 
    var movement = $(this).val(); 
    var client_id = $(this).parent().siblings().find('.clientval').val(); 
    var class_id = <? echo $class_id; ?>; 

$.ajax({ 
    type: "POST", 
    url: "movement_count.php", 
    data: {movement:movement, client_id:client_id, class_id:class_id}, 
    dataType: "json", 
    success:(function(output) { 

     $.each(output, function(index, value){ 
     alert(value); 
     $(".count").append(output[value]); 
     }) // each 

    }) // success 

    }); // ajax 

    }); // .typeval 

}); // document 

</script>

我想把這個（值）的結果：

alert(value);

到這裏：

<td><label class="count"></label></td>

的<td>我指定的與觸發結果的<select>菜單相同的行。也將有多個表格行與這個完全相同的單元格<td>。所以我只需要以某種方式定位這一行上的<td>。有人可以幫我弄這個嗎？林不知道我是否需要$.each，但我的PHP查詢是mysql_fetch_row數組，即使返回值始終只是一個數字。

下面是HTML標記表格單元格我需要的value在：

<td><label class="count"></label></td>

爲class=count JS代碼：

$(".count").append(output[index]);

其工作!!!!這裏是低於

代碼

$(document).ready(function(){ 
$('.typeval').change(function(){ 
    var movement = $(this).val(); 
    var client_id = $(this).parent().siblings().find('.clientval').val(); 
    var class_id = <? echo $class_id; ?>; 
     $count  = $(this).parents('tr').find('label.count'); 

$.ajax({ 
    type: "POST", 
    url: "movement_count.php", 
    data: {movement:movement, client_id:client_id, class_id:class_id}, 
    dataType: "json", 
    success:(function(output) { 

     $.each(output, function(index, value){ 
     //alert(value); 
     $count.append(output[index]); 
     }) // each 

    }) // success 

}); // ajax 

}); // .typeval 

}); // document

來源

2012-09-11 Colbyd

別人覺得采取刺傷了嗎？ – Colbyd

替換此

$("label.count<?php echo $client_id; ?>").append(output[value]);

隨着

$("label.count<?php echo $client_id; ?>").append(value);

或者交替使用這

$("label.count<?php echo $client_id; ?>").append(output[index]);

希望這將幫助！

來源

2012-09-11 17:19:52

感謝您的快速響應，但它不起作用。 POSTb中的螢火蟲響應是正確的，但我似乎無法將它放入表格單元格中。 – Colbyd

** $（「label.count <？php echo $ client_id;？>」）**的視圖源代碼中的html標記是什麼？ –

在上面發佈了HTML。 – Colbyd

工作代碼：

$(document).ready(function(){ 
    $('.typeval').change(function(){ 
    var movement = $(this).val(); 
    var client_id = $(this).parent().siblings().find('.clientval').val(); 
    var class_id = <? echo $class_id; ?>; 
     $count  = $(this).parents('tr').find('label.count'); 

$.ajax({ 
    type: "POST", 
    url: "movement_count.php", 
    data: {movement:movement, client_id:client_id, class_id:class_id}, 
    dataType: "json", 
    success:(function(output) { 

     $.each(output, function(index, value){ 
     //alert(value); 
     $count.append(output[index]); 
     }) // each 

    }) // success 

}); // ajax 

}); // .typeval 

}); // document

來源

2012-09-12 20:28:02 Colbyd

如何獲取jQuery/AJAX結果到表格單元格

回答

相關問題