首页

关于JavaScript中定义面向对象User进行初始化前端页面首次登录的用户信息代码示例

标签:js面向对象,前端oop,javascript重构,JAVASCRIPT代码优化     发布时间:2018-12-06   

一、前言

通过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>
  • <<相关内容>>
<<热门下载>>