以下代碼不能運行,只是我在學習過程中記錄的筆記,但代碼可以用!!!
可以按照需要截取。
<%@ 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>