struts2 ajax一个很经典的小例子
2015-11-19 17:49
543 查看
转载自:http://blog.163.com/zhk_hoba/blog/static/140738113201301623833461/
1、将struts2的json插件加入web工程的lib,jsonplugin的下载地址:http://code.google.com/p/jsonplugin/downloads/list
2、struts.xml添加专为ajax使用的package
<package name="ajax" extends="json-default">
<action name="ajaxRequest"
class="org.david.struts2.HelloWorld">
<result type="json"></result>
</action>
</package>
3、helloworld.jsp
<SCRIPT type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<SCRIPT type="text/javascript">
function clickButton()
{
var url = 'ajaxRequest.action';
var params = {
name:$('#name').attr('value')
};
jQuery.post(url, params, callbackFun, 'json');
}
function callbackFun(data)
{
alert(data.result);//对应HelloWorld类的message属性
//获取数据后渲染页面
}
</SCRIPT>
<input id="name" type="text">
<input type="button" value="ok" onclick="javascript:clickButton();">
4、HelloWorld.java
package org.david.struts2;
public class HelloWorld {
private String name;
private String result;
// ajax请求参数赋值
public void setName(String name) {
this.name = name;
}
// ajax返回结果
public String getResult() {
return result;
}
public String execute() {
this.result = "Hello! " + this.name + ".";
return "success";
}
}
1、将struts2的json插件加入web工程的lib,jsonplugin的下载地址:http://code.google.com/p/jsonplugin/downloads/list
2、struts.xml添加专为ajax使用的package
<package name="ajax" extends="json-default">
<action name="ajaxRequest"
class="org.david.struts2.HelloWorld">
<result type="json"></result>
</action>
</package>
3、helloworld.jsp
<SCRIPT type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<SCRIPT type="text/javascript">
function clickButton()
{
var url = 'ajaxRequest.action';
var params = {
name:$('#name').attr('value')
};
jQuery.post(url, params, callbackFun, 'json');
}
function callbackFun(data)
{
alert(data.result);//对应HelloWorld类的message属性
//获取数据后渲染页面
}
</SCRIPT>
<input id="name" type="text">
<input type="button" value="ok" onclick="javascript:clickButton();">
4、HelloWorld.java
package org.david.struts2;
public class HelloWorld {
private String name;
private String result;
// ajax请求参数赋值
public void setName(String name) {
this.name = name;
}
// ajax返回结果
public String getResult() {
return result;
}
public String execute() {
this.result = "Hello! " + this.name + ".";
return "success";
}
}
相关文章推荐
- java读取文件大全
- Eclipse+GIMP 揪出占用内存的那个图片
- [eclipse技巧]设置eclipse中jsp/html文件好看的自动排版
- java 设计作业——简单计算器
- java 项目 添加 log4j
- java数字转换成字符串
- 深入理解Java:类加载机制及反射
- 深入研究Java类加载机制
- 解析 Java 类和对象的初始化过程 由一个单态模式引出的问题谈起
- 用spring annotation声明的bean,当打包在jar中时,无法被扫描到的问题
- java.sql.SQLIntegrityConstraintViolationException: ORA-01400: 无法将 NULL 插入 (表)
- Java 类和对象的初始化过程及初始化顺序
- myeclipse或eclipse工作空间发生异常
- Java实现POI导出Excel
- Java实现POI导出Excel
- Java实现POI导出Excel
- SpringMVC 视图解析器
- Java中获取日期及相应字段
- 基于java中泛型的总结分析
- Dubbo与Zookeeper、SpringMVC整合和使用(负载均衡、容错)