如何动态加载数据?

时间:2013-04-26 06:35:17

标签: html richfaces loading dynamic-loading

我使用RichFaces开发一些网页,基本上我想用DataTable显示我的数据列表。但是我的manage bean需要很长时间来获取资源数据,这会阻止网页显示。

我的目标是动态显示它们,首先显示网页(可能还没有数据),然后一旦我的管理bean读取一个新数据,它就会在我的DataTable中显示为一个新行,任何想法我该怎么办?那?或者也许是一个类似的例子。

1 个答案:

答案 0 :(得分:1)

加载页面,然后通过Ajax调用使用JavaScript获取数据。使用jQuery很容易实现Ajax。

jQuery Ajax Documentation

示例:未经测试!!但它是这样的......

<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
<script>
// Run on page load
$(function() {
    $.ajax({
        url: "getMyData.html",
        type: "GET"
    }).success(function(data) {
      // My data is in "data", if it is html then
      $("#myDiv").html(data);
    });
});
</script>
</head>
<body>
    <h1>Hello</h1>
    <div id="myDiv"></div>
</body>