如何获取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结果到表格单元格

回答

相关问题