以下代碼不能運行,只是我在學習過程中記錄的筆記,但代碼可以用!!!
可以按照需要截取。
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
//ajax的提交方式
$.ajax({
//提交的資源地址
url:'UserController/login',
//向資源地址提交的數據 serialize()方法會自動的列出表單中的數據
data:$("#loginInputForm").serialize(),
cache:false,
//服務器端返回的數據類型
dataType:'json',
//服務器端執行成功后的回調函數
success:function(r){
//將json形式的字符串轉化為json對象
// r=eval("("+r+")"); //javascript
$.parseJSON(r); //jQuery
//登陸成功
if(r&&r.success){
//關閉登錄的對話框
loginAndRegDialog.dialog('close');
$.message.show({
title:'提示',
msg:r.msg
});
}else{
$.message.alert('標題',r.message);
}
}
});
//easyui-form表單的提交
loginInputForm=$("#loginInputForm").form('submit',{
//表單提交的地址
url:'UserController/login',
//表單提交之前的回調函數
onSubmit: function(){
},
/* 表單提交成功后的回調函數,r為后台傳回的對象
//當使用easyUi的表單提交時,后台返回的r其實是一個json的字符串
//需要使用js的eval()函數將字符串轉化為json對象
而ajax提交則不可能有這個問題,因為ajax中指定了 返回的數據類型*/
success:function(r){
//將json形式的字符串轉化為json對象
// r=eval("("+r+")"); //javascript
$.parseJSON(r); //jQuery
//登陸成功
if(r&&r.success){
//關閉登錄的對話框
loginAndRegDialog.dialog('close');
$.message.show({
title:'提示',
msg:r.msg
});
}else{
$.message.alert('標題',r.message);
}
}
});
</script>
</head>
<body>
<div id="loginAndRegDialog" title="用戶登錄" style="width:250px;height:200px">
<form id="loginInputForm">
<table>
<tr>
<th aligh="right">用戶名</th>
<td><input name="name" class="easyui-validatebox"/></td>
</tr>
<tr>
<th aligh="right">用戶名</th>
<td><input name="password" type="password" class="easyui-validatebox" required="true"/></td>
</tr>
</table>
</form>
</div>
</body>
</html>
