无法在对话框中检索数据

Question

我正在寻找一些将数据从一个页面传输到另一个页面的帮助。在我的主页面中，我通过AJAX请求加载了bean。我打开一个对话框，我希望bean数据显示在对话框中。在我的主页面中，我有一个代码，其中全局变量包含员工的数据。

var employeesList = empBean.getValue("emplyeesList");
$("#main_dialog").on("tap", function() {    
$.mobile.changePage( "emplyees.jsp", {role: "dialog", transition: "slide"} );   
return false;
});

In emplyees.jsp file I have this code:
<div id="emp_dialog"> 
<script type="text/javascript">

$("#emp_dialog").on("pageshow", loader);
loader() {              
$('#emp_dialog').data("emplyeesList", employeesList);
var emplyeesList = $("#emp_dialog").data("employeesList");

if (employeesList.isEmpty()) {
$("#emp_header").html("<div class='headerStyle'>No records found</div>");                               

}
else {
for (var i = 0; i < employeesList.size(); i ++) {                                   
var empBean = employeesList.get(i);
var empNum = empBean.getValue("empNum");
var empName = empBean.getValue("empName");
var empType = empBean.getValue("empTpe");
}
} 
} 
</script>
    <div id="emp_header" data-role="header">
        <div class="headerStyle">
            <h3></h3>           
        </div>
    </div>  
    <div data-role="content">
        <div ><ul data-role="listview" >
                <li>    </li>
                <li>    </li>
                <li>    </li>                   
            </ul> 
            <ul data-role="listview" >
                <li>    </li>
                <li>    </li>
                <li>    </li>

            </ul>  
            <ul data-role="listview" >
                <li>    </li>
                <li>    </li>
                <li>    </li>                   
            </ul>               
        </div>
    </div>
    <div data-role="footer">Footer</div>          
</div>
</body>
</html>

我无法在对话框中检索员工列表。一旦我可以在对话框中获取数据，我想在对话框中将它们显示为Listview。

非常感谢任何帮助。