39,087
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css" />
<link href="jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css" />
<script src="jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jstorage.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$(document).delegate("#page1", "pageinit", function() {
$(document).bind("pagebeforechange", beforechange);
});
function beforechange(e, data) {
if (typeof data.toPage != "string") {
var url = $.mobile.path.parseUrl(e.target.baseURI),
re = /List.html/;
if (url.href.search(re) != -1) {
var page = $(e.target).find("#List");
var d = data.options.data;
page.find("#s").append(decodeURIComponent(d));
}
}
}
$("#submit").bind("click", function() {
if (valid()) {
$.ajax({
type: "post",
url: "User_Login.ashx?" + (new Date()).valueOf(),
data: { "User_name": $("#username").val(), "User_pwd": $('#password').val() },
dataType: "text",
//contentType: "application/json; charset=utf-8",
//data: $("form#loginform").serialize(),
//data:{username:$("#username").val(),userpwd:$("#password").val()},
success: function(result) {
if (result == "error") {
alert("登录失败!");
}
else {
sessionStorage.setItem("result", result);
var a = sessionStorage.getItem("result");
alert("ssss" + a);
$.mobile.changePage("List.html", "List", false, false);
}
}
});
}
});
});
function valid(){
if ($("#username").attr("value") == '' || $("#password").attr("value") == '') {
alert("用户名密码不能为空!");
return false;
}
else { return true; }
};
</script>
<style type="text/css">
p { font-size: 1.5em; font-weight: bold; }
#submit{ float:right; margin:10px; }
#toregist{ float:left; margin:10px; }
</style>
</head>
<body>
<!-- begin first page -->
<section id="page1" data-role="page">
<header data-role="header" data-theme="b" ><h1>用户登录</h1></header>
<div data-role="content" class="content">
<p><font color="#2EB1E8" >用户登录实例</font></p>
<form method="post" id="loginform">
<input type="text" name="username" id="username" value=""/><br>
<input type="password" name="password" id="password" value=""/>
<fieldset data-role="controlgroup" >
<input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
<label for="checkbox-1">保持登录状态</label>
</fieldset>
<a href="content/regist.html" data-role="button" id="toregist" data-theme="e">注册</a>
<a data-role="button" id="submit" data-theme="b">登录</a>
</form>
</div>
<footer data-role="footer" ><h1>退出</h1></footer>
</section>
<!-- end first page -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>List</title>
<link href="jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css" />
<link href="jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css" />
<script src="jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var result = sessionStorage.getItem("result");
$("#username1").val(result);
});
</script>
</head>
<body>
<div data-role="page" id="List">
<div data-role="header">
<h1 id="header">List</h1>
</div>
<div data-role="content">
<div data-role="collapsible-set">
<div data-role="collapsible">
<h3 >01项<div id="s"></div></h3>
<p><input type="text" name="username" id="username1" value=""/></p>
</div>
<div data-role="collapsible" data-collapsed="true">
<h3>02项</h3>
<p><input type="text" name="username" id="username2" value=""/></p>
</div>
<div data-role="collapsible" data-collapsed="true">
<h3>03项</h3>
<p><input type="text" name="username" id="username3" value=""/></p>
</div>
</div>
</div>
<div data-role="footer">
<h4><a data-rel="back" >返回</a></h4>
</div>
</div>
</body>
</html>