如何将jQuery/AAJAX结果放入表格单元格

How do I get jQuery/AJAX result into table cell

本文关键字：表格 单元格 结果 AAJAX jQuery      更新时间：2023-09-26

我这里有一个脚本，它从sqldb查询中输出结果，但我不知道如何将结果放入指定的表单元格中。

以下是查询：

<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数组，即使返回的值总是一个数字。

这是我在中需要value的表单元格的HTML标记

<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

更换此

$("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]);

希望这会有所帮助！！

工作代码：

$(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
相关文章：