主页
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>JQuery Demo</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<link rel="stylesheet" type="text/css" href="JQuery/jquery.mobile-1.4.0.min.css" />
<script src="JQuery/jquery-2.0.3.min.js" ></script>
<script src="JQuery/jquery.mobile-1.4.0.js" ></script>
<script>
var G_CardUnit;
//载入主页项目与链接
$.getJSON('servlet/GetIndexItems',{},function(data){
var str='';
for (var i = 0;i < data.Items.length;i ++){
str += "<li><a href='" + data.Items[i].Href + "' data-transition='slide'>" + data.Items[i].Name + "</a></li>";
}
str += '<li>退出</li>';
$('#IndexList').html(str);
$('#IndexList').listview('refresh');
});
//载入PageFriend页面
$.getJSON('servlet/GetUnits',{},function(data){
var str='';
for (var i = 0;i < data.length;i ++){
str += "<li><a href='#PageCard' οnclick='G_CardUnit=\"" + data[i] + "\";' data-transition='slide'>" + data[i] + "名片</a></li>";
}
//alert(str);
$('#FriendList').html(str);
$('#FriendList').listview('refresh');
});
//载入一些简单页面
$.getJSON('servlet/GetPages',{},function(data){
var str='';
for (i = 0;i < data.Items.length;i ++){
//创建page
var PageNode = document.createElement("div");
PageNode.setAttribute("data-role","page");
PageNode.setAttribute("data-theme","b");
PageNode.setAttribute("id",data.Items[i].Id);
//创建Header
var HeaderNode = document.createElement("div");
HeaderNode.setAttribute("data-role","header");
HeaderNode.innerHTML = "<a href='#' data-rel='back' data-icon='back'>返回</a><h1>" + data.Items[i].Title + "</h1>";