码迷,mamicode.com
首页 > Web开发 > 详细

ajax jquery

时间:2015-04-22 00:17:47      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:

<!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=gbk" />
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
<link rel="stylesheet" href="index.css" type="text/css" />
<script type="text/javascript" src="jquery-1.7.2.js"></script>


<script type="text/javascript">
$($("userForm").click(function() {
submitForm();
return false;//阻止非IE浏览器表单提交
}));
function submitForm() {
var userNameVal = $("#userName").val();
var passWordVal = $("#passWord").val();
alert(userNameVal);
$.ajax({
type : "post",
url : "loginAction.action",
dataType : "json",
data : {
"user.userName" : userNameVal,
"user.passWord" : passWordVal
}
});

}
</script>
<title>登陆</title>
</head>
<body>
<div class="login">

 

<form name="userForm" method="post" onsubmit="return false;" >
<table cellSpacing=0 cellPadding=0 width=230 border=0>
<tr height=5>
<td width=5></td>
<td width=56></td>
<td></td>
</tr>
<tr height=36>
<td></td>
<td>
用户名
</td>
<td>
<input
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid"
maxLength=30 size=24 id="userName">
</td>
</tr>
<tr height=36>
<td>
&nbsp;

</td>
<td>
口 令
</td>
<td>
<input
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid"
type="password" maxLength=30 size=24 id="passWord">
</td>
</tr>
<tr height=5>
<td colSpan=3></td>
</tr>
<tr>
<td>
&nbsp;

 

</td>
<td>


</td>
<td>
<input id="submitButton" type=image height=18 width=70
src="images/bt_login.gif" onclick="submitForm()">
</td>
</tr>
</table>
</form>


<div />
</body>
</html>

ajax jquery

标签:

原文地址:http://www.cnblogs.com/kisstherain/p/4445675.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!