<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(document).ready( function() {
//使用 Ajax 的方式 判断登录
$("#btn_login").click( function() {
var url = 'loginAction.action';
//获取表单值,并以json的数据形式保存到params中
var params = {
username:$("#username").val(),
password:$("#password").val()
}
//使用$.post方式
$.post(
url, //服务器要接受的url
params, //传递的参数
function cbf(data){ //服务器返回后执行的函数 参数 data保存的就是服务器发送到客户端的数据
//alert(data);
var member = eval("("+data+")"); //包数据解析为json 格式
$('#result').html("欢迎您: "+member.username+"<br>您的密码是:"+member.password);
},
'json' //数据传递的类型 json
);
});
});
</script>
<title>jquery 登录</title>
</head>
<body>
<center>
<table>
<tr>
<td>
<span>用户名:</span>
</td>
<td>
<input type="text" id="username" name="model.username">
</td>
</tr>
<tr>
<td>
<span>密码:</span>
</td>
<td>
<input type="password" name="model.password" id="password">
</td>
</tr>
<tr>
<td colspan="2">
<input type="button" id="btn_login" value="Login" />
</td>
</tr>
</table>
<p>
这里显示ajax信息:
<br />
<span id="result"></span>
</p>
<p>
<a href="message.jsp">发送消息</a>
</p>
</center>
</body>
</html>
分享到:
相关推荐
这是前台用jsp页面,并应用jquery、easyui、ajax、struts2技术,以json数据格式传输的一个登录例子
JEECMS使用目前java主流技术架构:hibernate3+struts2+spring2+freemarker。AJAX使用jquery和json实现。视图层并没有使用传统的JSP技术,而是使用更为专业、灵活、高效freemarker。 数据库使用MYSQL,并可支持orcale...
主要实现步骤如下: 1、JSP页面使用脚本代码执行ajax请求 2、Action中查询出需要返回的数据,并转换为json类型模式数据 3、配置struts.xml文件 4、页面脚本接受并处理数据!
此是简单几个技术集成..只完成了简单功能,测试可行.适合刚接触的童鞋,
一个jquery+json 数据传递的 实例工程,代码注释详细,很适合 初学者,这是我帮老弟打的,希望可以帮到其他人
通过jquery ajax 在struts2 action 和 jsp之间传递json
在使用struts2+ajax时候,通常我们会返回json类型的数据,但是像上面的例子,我们只希望返回一个1和0有助于进行后续判断即可,没必要返回json类型,返回一个text字符串就可以了. regist.jsp(这里只提供[removed]部分): ...
jquey配合josn实现两级网页菜单代码,二级的菜单联动特效,Author : TongFei 格式可更改为横行 也行 只需修改样式即可,url:菜单数据josn文件路径
其他技术:Maven | CSS | JQuery | Ajax | JSON | JSP | Servlet 数据库:MySQL 5.6 服务器:Tomcat 7.x 注意:打开根目录里面的sql文件,在数据库软件中建一个lostfound数据库,然后运行sql文件。还有数据库默认...
java web开发简单BBS论坛系统,适合新手学习Java的一些基本知识,用到的技术有:spring+struts2+hibernate+jquery+json+jsp+servlet
yoyo进销存,jsp+java+struts+spring+ibatis+jquery+json+mysql。 中小微企业个体户的进销存。 这里是安装操作手册及下载地址说明。
API.chm、JavaScript.chm、JavaScript源码特效.chm、javascript中文版.chm、jdk142.chm、jdk150.chm、jQuery1.2API.chm、jQueryAPI_CHM.CHM、jsp.chm、Junit4.8.2.chm、rails-documentation-1-2-1.chm、spring2.5.6....
使用技术:spring+Struts+hibernate+bootstrap+jquery+ajax 源码描述 SSH开发一个前台结算,前台点餐,后台综合信息管理,后厨配菜的完整源码 登陆:前后台同用一个登陆页面,登陆等过用户名访问数据库获取该对象...
06 开源框架 Struts 1.x --> AJAX --> ECSide报表组件 --> Hibernate --> Spring --> Struts 2.0 --> AJAX框架(DWR、JSON、JQuery) 07 XML 基础语法 --> 解析(DOM/SAX/JDOM) 08 分布式开发 RMI --> EJB 3.0 --> ...
其他技术:CSS | JQuery | Ajax | JSON | JSP | Servlet 数据库:MySQL 5.6 服务器:Tomcat 7.x 用到的其他项目:百度富文本编辑器 UEditor 注意:打开根目录里面的sql文件,在数据库软件中建一个dsjava数据库,然后...
本人的处理方法,实现struts2的级联 包括配置文件 jsp中的jquery处理
这是我的毕业设计,用到的语言有:jsp+java+struts+json+jquery+mysql数据库 这个项目有数据库,导入可以运行!这个项目有前台和后台,前台系统能实现购物车,订单,留言板,等模块!后台模块能实现用户管理,商品...
没有使用bootstrap的框架,不然自带的分页是挺好用的,就不用麻烦了这边使用了jquery pagination分页插件来实现这个功能的,这边后台用的是struts2的框架,ssh的,jquery返回json数据,然后循环拼接table输入到页面,...
AJAX使用jquery和json实现。视图层并没有使用传统的JSP技术,而是使用更为专业、灵活、高效的自定义标签,使代码更为简洁,高效。 数据库使用MYSQL,并可支持orcale、DB2、SQLServer等主流数据库。应用服务器使用...
7、消息中心,分为了0系统消息、1评论消息、2兑换消息、3上传图片消息、4上传文件消息、5下载消息(用户扣除积分)、6下载消息。 8、代码中心,分为了分享代码、下载代码、评论代码、收藏代码。 9、设置功能,支持修改...