<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>活动详情</title>
<link rel="stylesheet" href="../css/mui.min.css">
</head>
<body>
<div id="wrap">
<header class="mui-bar mui-bar-nav" >
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">活动详情</h1>
</header>
<div class="mui-content" id="content">
</div>
</div>
<script src="../js/jquery.min.js"></script>
<script src="../js/mui.min.js"></script>
<script src="../js/common/get-url.js"></script>
<script type="text/javascript">
mui.init();
</script>
<script type="text/javascript">
mui.ready(function() {
//加载模板数据
loadData($.getUrlParam('id'));
});
function loadData(id) {
$.post("",{
id : id
}, function(rtndata) {
$("#content").html(rtndata.content);
});
}
</script>
</body>
</html>
================================================================================================
get-url.js:
/*获取到Url里面的参数*/
(function($) {
//只能是英文
$.getUrlParam = function(key) {
var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r != null) return unescape(r[2]);
return null;
}
//可以是中文,可以是英文
$.getCNUrlParam = function(key) {
// 获取参数
var url = window.location.search;
// 正则筛选地址栏
var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");
// 匹配目标参数
var result = url.substr(1).match(reg);
//返回参数值
return result ? decodeURIComponent(result[2]) : null;
}
})(jQuery);