0

所以总而言之,我使用 JSP 的视图和 servlet 来完成我所有的数据处理。JQuery .ajax 函数用于从服务器端的 servlet 获取数据。一切正常。

在一页上,我正在使用 JQuery UI 选项卡。

页面加载时,它会正确加载选项卡和页面。但在第二个选项卡上,我有一个 html 表,它通过来自 servlet 的数据动态更新。

所以:点击标签:

$(document).ready(function() 
{
    $("#tabs-2").click( function()
       $.ajax(
                                    {
                                        url:'URLTOSERVLET',
                                        type:"GET",
                                        async:true,
                                        success:function(data)
                                        { 
                                            $("#myTable").html(data);

                                        }
                                    });
    });
});

ajax(Data)的输出应该放入的Div:

<div id="myTable">                          
</div>

输出数据为基本表格格式示例:

<table>
<tr>
<td>
  data
</td>
<td>
  data
</td>
<td>
  data
</td>
<td>
  data
</td>
</tr>
</table>

现在我的问题在于,点击选项卡后,表格没有显示。但是,如果我在网页上单击 ANYWHERE,它会显示表格。(就好像在 JQuery 函数之后通过鼠标单击“刷新”了网页。有人知道这个吗?以及有关如何修复的建议?

问候,

4

0 回答 0