Jquery 显示整个页面而不是已编辑行的表格

我正在使用表格编辑表格行。我的问题是，在提交更改后的值（并将其存储在数据库中）后，当我返回页面时，它会显示整个页面，而不是已编辑的行。它也显示在桌子外面

-------table--------------
row11    row12
row21    row22
--------------------------

假设我更改了第11行，并更新了数据库中的值。现在整个表显示两次。第一次在

第11行下，第二次在表外。我不明白为什么会这样

下面是我用于发送值和其他内容的脚本：

<script type="text/javascript">
$(document).ready(function() {
        $('.edit').editable('', {
            indicator : 'Saving...',
            tooltip   : 'Click to edit...'
        });
        $('.edit_area').editable('http://localhost:8080/Interceptors_Struts2_Ant/parameters.action', { 
        type      : 'textarea',
        cancel    : 'Cancel',

        submit    : 'OK',
        indicator : '<img src="img/indicator.gif">',
        submitdata : function() {
            var id2 = '${param.city}';
            return {city: id2, tableid: $(this).closest('table').attr('id'),
            rowid: $(this).parent().index()}},
            tooltip   : 'Click to edit....',
            name : 'newvalue'
        });
    });
   </script>


$（文档）.ready（函数（）{
$（'.edit'）。可编辑（''{
指标：“正在保存…”，
工具提示：“单击以编辑…”
});
$（'.edit_area'）。可编辑（'http://localhost:8080/Interceptors_Struts2_Ant/parameters.action', { 
键入：“textarea”，
取消：“取消”，
提交：“OK”，
指标：“”，
submitdata:function（）{
var id2='${param.city}'；
返回{city:id2，tableid:$（this）.closest（'table'）.attr（'id'），
rowid:$（this.parent（）.index（）}，
工具提示：“单击以编辑…”，
名称：“newvalue”
});
});
这是因为您的submitdata返回值现在显示在编辑元素所在的位置。
为了避免这种情况，但在功能上仍然保留我所做的是使用回调

callback: function(value, settings) {
      $(this).text(value);
   }

将其添加到您的.editable文件中
并让POST action返回要显示的文本。（value是post的返回值）
没有人响应……每个人都很忙？？？这与struts2有什么关系？从某种意义上说，您需要了解它以解决问题？您是否确保您的post操作只返回row11值而不是整个表？我猜这就是我做错的地方…现在，我正在回调函数中重新加载整个页面，并从数据库中获取整个值…所以问题解决了我的问题…但你是对的…我应该确保它只返回新值…谢谢你指出。。。