一、前言
通过JavaScript前端脚本定义面向对象函数,便于前端代码逻辑简化及后续业务逻辑重写扩展,详情参见代码示例说明。
二、代码示例
场景说明:用户首次登录后,用户页面数据初始化加载(jquery函数库下载)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">@b@<html xmlns="http://www.w3.org/1999/xhtml">@b@<head>@b@<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> @b@ <script type="text/javascript" src="../jquery.min.js"></script>@b@ @b@ <script type="text/javascript"> @b@ @b@ var User = function(){@b@ var info = {@b@ ajaxRequest: function(){@b@ $.ajax({@b@ url : webroot + '/user/get.do?_=' + new Date().getTime(),@b@ dataType: "json",@b@ success : info.ajaxResult,@b@ error : function(e) {@b@ @b@ }@b@ });@b@ },@b@ ajaxResult: function(data){@b@ var result = data;//eval("("+data+")");@b@ uid = result.umid.toLowerCase();@b@ loginLog = result.loginLog;@b@ $("#lastLoginDate").text(new Date(loginLog.createdDate).format("yyyy-MM-dd hh:mm:ss"));@b@ $("#user-name").text(result.uname);@b@ }@b@ }@b@ @b@ return {@b@ init: function(){@b@ info.ajaxRequest(); @b@ }@b@ }@b@ }();@b@ @b@ User.init();@b@ @b@ </script>@b@</head>@b@@b@@b@<body>@b@ @b@ <b id="user-name"> 你好,欢迎..</b> @b@ <b>您上次登录的时间:<font id="lastLoginDate"></font></b> @b@ @b@ @b@</body>@b@@b@</html>