使用ajax如何顯示特定td的值，而無需刷新頁面

Question

我正在使用內聯編輯編輯td和編輯後我正在做一些計算編輯的值，我顯示計算的值特別是td而不刷新頁面，我的問題是，如果我正在做兩個計算與編輯值，我想顯示兩個計算值在不同的td，但我不能顯示，因爲現在它顯示最後兩個td中的計算值。我想顯示在不同的TD的計算值任何人都可以指導我該怎麼辦呢

Java腳本：

<script>  
    $(document).ready(function(){    
     $('td.edit').click(function(e){        

                success: function(data){ 
                 $('#CPH_GridView1_supplier_total_cost'+arr[2]).empty(); 
                 $('#CPH_GridView1_supplier_total_cost'+arr[2]).append(data); 
                 $('#clienttotalprice'+arr[2]).empty(); 
                 $('#clienttotalprice'+arr[2]).append(data); 
                 $('.ajax').html($('.ajax input').val()); 
                 $('.ajax').removeClass('ajax'); 
                }});           }          
            } 
         ); 



    }); 
</script> 

HTML

<td id="CPH_GridView1_supplier_total_cost'.$rows['id'].'" style="width:182px" class="edit supplier_total_cost '.$rows["id"].'">'.$rows["supplier_total_cost"].'</td> 
<td id="clienttotalprice'.$rows['id'].'" style="width:217px" class="edit clienttotalprice '.$rows["id"].'">'.$rows["clienttotalprice"].'</td> 

updatedetailed.php

<?php 
     print $suppliertotalcost; 
     print $clienttotalprice; 



?> 

Answer 1

您正在使用print語句兩次，並且當它返回到AJAX調用時，它被視爲一個數據。

反而這樣做。在updatedetailed.php結束：

$result=array(); 
$result['suppliertotalcost']=$suppliertotalcost; 
$result['clienttotalprice']=$clienttotalprice; 
echo json_encode($result); 

而在你的AJAX調用：

$.ajax({ type: "POST", 
      url:"updatedetailed.php", 
      data: "value="+$('.ajax input').val()+"&rowid="+arr[2]+"&field="+arr[1], 
      success: function(res){ 
       data = jQuery.parseJSON(res); //added line 
       $('#CPH_GridView1_supplier_total_cost'+arr[2]).empty(); 
       $('#CPH_GridView1_supplier_total_cost'+arr[2]).append(data.suppliertotalcost); //changed 
       $('#clienttotalprice'+arr[2]).empty(); 
       $('#clienttotalprice'+arr[2]).append(data.clienttotalprice); //changed 
       $('.ajax').html($('.ajax input').val()); 
       $('.ajax').removeClass('ajax'); 
      }});