- 浏览: 1723202 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (337)
- javaScript校验 (11)
- java (31)
- java连接数据库 (1)
- js应用 (41)
- JQuery (15)
- linux操作命令 (12)
- loadrunner测试 (5)
- tomcat (18)
- 数据库 (12)
- eclipse (7)
- 触发器 (7)
- 表单 (3)
- ibatis (6)
- oracle (4)
- xml (1)
- Exception (6)
- spring (16)
- struts (4)
- struts 标签 (2)
- sql (8)
- sql server (6)
- 其它 (18)
- Apache (2)
- 电脑故障 (4)
- java 线程 (1)
- dwr (8)
- jackey (18)
- 总结 (34)
- gcc linux (2)
- extjs 学习 (5)
- 网站建设 (4)
- 健康 (2)
- 房地产知识 (1)
- hibernate (3)
- mysql (7)
- linux (13)
- svn (1)
最新评论
-
阳光泛滥的日子:
很好用谢谢
java.net.URISyntaxException的解决办法 -
linjianqing:
现在有更好的处理方式吗?我正也为这发愁
applet访问打印机出现的问题 -
ruyi574812039:
非常感谢您的总结!想问几个问题!假设三个项目分别以静态部署的三 ...
在Tomcat中部署Web程序的几种方式 -
yangguo:
太j8麻烦了
Spring3.1中使用缓存注解及Shiro的缓存联合 -
bellawang:
很好用谢谢
java.net.URISyntaxException的解决办法
第一步:创建 名为"ajax" 的 Java Web项目。
第二步:加入struts2的jar包,这里需要四个包 freemarker.jar ognl.jar struts2-core.jar commons-fileupload.jar commons-io.jar xwork-core-2.1.6.jar(这个包加上版本号,是因为下文要提到它),这六个包是struts必须依赖的jar包,什么好说的。
第三步:修改 web.xml 加入 struts的过滤器,代码如下:
view plaincopy to clipboardprint?
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<filter>
<filter-name>struts2</filter-name>
<filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class>
</filter>
<filter-mapping>
<filter-name>struts2</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
第四步:加入json的包,这里需要两个:json-lib.jar jsonplugin.jar 这里要注意很重要的一点,因为json大量引用了Apache commons的包,所以这里要一并加入,需要的commons包共4个,除了commons的包外,还需要引入一个 ezmorph的包,所以这一步一共要引入7个包,列出如下:commons-collections.jar commons-lang.jar commons-beanutils.jar commons-logging.jar ezmorph.jar 再加上json的两个包共七个,一次性加入。
第五步:写后台处理AjaxLoginAction.action,内容如下:
view plaincopy to clipboardprint?
package qy.test.action;
import java.util.HashMap;
import java.util.Map;
import net.sf.json.JSONObject;
import com.opensymphony.xwork2.ActionSupport;
public class AjaxLoginAction extends ActionSupport {
// 用户Ajax返回数据
private String result;
// struts的属性驱动模式,自动填充页面的属性到这里
private String loginName;
private String password;
@Override
public String execute() {
// 用一个Map做例子
Map<String, String> map = new HashMap<String, String>();
// 为map添加一条数据,记录一下页面传过来loginName
map.put("name", this.loginName);
// 将要返回的map对象进行json处理
JSONObject jo = JSONObject.fromObject(map);
// 调用json对象的toString方法转换为字符串然后赋值给result
this.result = jo.toString();
// 可以测试一下result
System.out.println(this.result);
return SUCCESS;
}
//getter setter 方法省略
}
第六步:写前台index.jsp,注意加入 jquery的js文件 内容如下:
view plaincopy to clipboardprint?
<%@ 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">
<mce:script type="text/javascript" src="js/jquery-1.3.2.min.js" mce_src="js/jquery-1.3.2.min.js"></mce:script>
<mce:script type="text/javascript"><!--
$(document).ready( function() {
//使用 Ajax 的方式 判断登录
$("#btn_login").click( function() {
var url = 'ajaxLogin.action';
alert("===");
//获取表单值,并以json的数据形式保存到params中
var params = {
loginName:$("#loginName").val(),
password:$("#password").val(),
}
//使用$.post方式
$.post(
url, //服务器要接受的url
params, //传递的参数
function cbf(data){ //服务器返回后执行的函数 参数 data保存的就是服务器发送到客户端的数据
//alert(data);
var member = eval("("+data+")"); //包数据解析为json 格式
$('#result').html("欢迎您: "+member.name);
},
'json' //数据传递的类型 json
);
});
});
// --></mce:script>
</head>
<body>
<span>用户名:</span>
<input type="text" id="loginName" name="loginName">
<br />
<span>密码:</span>
<input type="password" name="password" id="password">
<br />
<input type="button" id="btn_login" value="Login" />
<p>
这里显示ajax信息:
<br />
<span id="result"></span>
</p>
</body>
</html>
第七步:在src目录下加入struts.xml,并配置相应的xml文件,为ajax请求提供数据。代码如下:
view plaincopy to clipboardprint?
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
"http://struts.apache.org/dtds/struts-2.0.dtd">
<struts>
<package name="ajax" extends="json-default">
<action name="ajaxLogin" class="qy.test.action.AjaxLoginAction">
<!-- 返回类型为json 在sjon-default中定义 -->
<result type="json">
<!-- root的值对应要返回的值的属性 -->
<!-- 这里的result值即是 对应action中的 result -->
<param name="root">result</param>
</result>
</action>
</package>
</struts>
第八步:如果第四步没有加入commons-logging.jar包,这里要记得加入
第九步:发布运行。很不幸,你会发现一个错误,
java.lang.ClassNotFoundException: com.opensymphony.xwork2.util.TextUtils:
这是struts的版本错误,因为用的xwork2.1.6-core.jar中不存在TextUtils类,这里把 xwork2.1.2-core.jar也加到classpath中,xwork2.1.2-core.jar中包含这个东西,我们用的是xwork2.1.6的jar,当要用到TextUtils时,就去xwork2.1.2-core.jar中找。
发表评论
-
JSON技术实战
2010-06-08 10:50 2497JSON作为一种信息的载体伴随着AJAX的红火也越来越得到广大 ... -
jquery的几种ajax方式对比
2010-06-07 17:55 5152jquery的ajax方式有如下几种: 1. $.post ... -
jQuery.ajax使用方法
2010-06-07 14:48 3926jQuery.ajax( options ) 参数: ... -
Jpage分页+Hibernate+Ajax+jquery+JSON通用技术<二>
2010-06-07 13:38 32006.为使界面美观使用JQu ... -
Jpage分页+Hibernate+Ajax+jquery+JSON通用技术<一>
2010-06-07 13:36 3620首先: 1.工具类page: package com.c ... -
JSON与JAVA数据的转换
2010-06-07 11:27 1719JSON与JAVA数据的转换 JSON-li ... -
struts2,jquery,ajax实现无刷新登录
2010-06-04 16:50 89501. action: /*** 会员登录*/public S ... -
Struts2+jQuery+JSON实现异步交互
2010-06-03 11:04 39061Struts2+JQuery+JSON实现异 ... -
Javascript弹出子窗口
2010-05-26 13:47 45901、Javascript弹出子窗口 可以通过多种方式实现,下 ... -
使用java的native2ascii工具命令来转换编码gbk,gb2312,utf-8
2010-05-25 10:58 2386做struts国际化时遇到的问题,中文需要全部用ascii码来 ... -
jackey 常用资源网址总结
2010-05-21 16:43 10151. http://www.jspcn.net/moreNew ... -
Tomcat 6.0,Resin 3.1.6 配置JNDI数据库连接池
2010-05-17 17:26 43172.1.1 Tomcat数据库连接池配置---连接S ... -
图片提交按钮与表单重复提交_jackey
2010-03-26 15:42 3321很多情况下为了美化 ... -
网站建设资源网址
2009-09-27 17:57 1292中国建站网http://mb.136z.com/ 网域高科h ... -
超详细的SQL语句语法
2009-09-17 13:41 2499比较常用的SQL语句语法( ... -
java如何遍历map的所有的元素(各种方法)
2009-08-02 12:04 48021JDK1.4中 Map map = new HashMap() ... -
.jquery 迭代 select 的option 选项
2009-01-09 13:52 4519.jquery 迭代 select 的option 选项 ...
相关推荐
struts2 jquery json ajax 三级联动菜单 可直接部署使用 需添加数据库查询代码
struts2下通过jquery的ajax从后台传json对象并展示在web页面上的一个小例子,所需的jar包请自己下载否则无法运行,所需的包包括struts的必须包,json的支持包和struts对json的支持包
struts2+json+jquery实现ajax数据的存取
非常全的json各种类型数据处理方法 strut2.3+jquery +ajax+json
NULL 博文链接:https://huibin.iteye.com/blog/586035
Struts2+JQuery+Json(Ajax) ajax异步加载对象数据
应用struts2 jquery json简单小例子。可编译,可执行,可看效果。注释很详细。包也很齐全。 1,表单提交。怎么来回传递值的(包括字符串,对象,集合),解析json。 2,ajax提交,操作字符串,对象,数组。
struts2使用jquery整合ajax、json用户登录实例源码
JQuery发送Ajax请求Struts2,并返回JSON的例子。该例子对应 http://blog.csdn.net/littleqiang520中的博文
1、将struts2的json插件加入web工程的lib,jsonplugin的下载地址:http://code.google.com/p/jsonplugin/downloads/list
Struts2 Jquery ajax Json实现的一个完整案例
struts+jquery+json+ajax.pdf
struts2+jQuery+json实现AJAX.zip
ajax struts jquery json 实现从数据库回调下拉菜单
这是前台用jsp页面,并应用jquery、easyui、ajax、struts2技术,以json数据格式传输的一个登录例子
Struts2 与Jquery Ajax的json数据交换的典型范例
讲述了JQuery,JSON,Struts2实现Ajax异步请求
Struts+Jquery+Ajax+Json应用实例,前端引入jquery,后台使用struts框架。前端js调用后台action,并将后台返回的json数据进行解析,设置web页面
Struts2+JQuery+JSON实现AJAX
struts2 json jquery ajax实现用户登陆及业面跳转