jsp代碼：
<%@ 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">
<title>Insert title here</title>
<script type="text/javascript" src="jquery.js" ></script>
<script type="text/javascript" >
$(document).ready(function(){
$("#submit").click(function(){
var t = $("#check").val();
var time = new Date();
$.ajax({
cache:false,
url :'JsonPlugin.action', //后台处理程序
type:'post', //数据发送方式
cache:false,
dataType:'json', //接受数据格式
data:{check:t,t:time}, //要传递的数据
success:update_page //回传函数(这里是函数名)
});
});
//ajax提交
$("#loading").ajaxStart(function(){
$(this).html("<img src=\"loader.gif\"> 正在加载");
alert(new Date());
});
//ajax结束状态
$("#loading").ajaxStop(function(){
$(this).html("");
});
});
function update_page (json ) { //回传函数实体，参数为XMLhttpRequest.responseText
var str= "ISBN="+json.ISBN + ",check:" + json.check + ",title="+json.title
+ ",list=" + json.comments[2];
$("#bookHolder").html(str);
}
</script>
</head>
<body>
<div id="loading"></div>
<input id="check" type="text" >
<input id="submit" type="button" value="Retrieve Book" />
<div id="bookHolder"></div>
</body>
</html>
action代碼：
package tutorial;
import java.net.URLEncoder;
import java.util.ArrayList;
import java.util.List;
import com.googlecode.jsonplugin.annotations.JSON;
import com.opensymphony.xwork2.ActionSupport;
public class JsonPluginAction extends ActionSupport {
private static final long serialVersionUID = -6784977600668791997L;
private int bookId;
private String title;
private double price;
private List<String> comments;
private transient String secret1;
private String secret2;
private String check ;
@JSON(name="ISBN")
public int getBookId() {
return bookId;
}
public void setBookId(int bookId) {
this.bookId = bookId;
}
public List<String> getComments() {
return comments;
}
public void setComments(List<String> comments) {
this.comments = comments;
}
public double getPrice() {
return price;
}
public void setPrice(double price) {
this.price = price;
}
public String getTitle() {
return title;
}
public void setTitle(String title) {
this.title = title;
}
@Override
public String execute() throws Exception{
if(check!=null){
System.out.println("check:"+URLEncoder.encode(check,"utf-8"));
}
bookId = 15645912;
title = "Max On 驕傲va";
price = 0.9999d;
comments = new ArrayList<String>(3);
comments.add("It's no bad!");
comments.add("WOW!");
comments.add("No comment!");
secret1 = "You can't see me!";
secret2 = "I am invisible!";
return SUCCESS;
}
public void setCheck(String check) {
this.check = check;
}
public String getCheck() {
return check;
}
}
struts.xml代碼：
<?xml version="1.0" encoding="GBK"?>
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
"http://struts.apache.org/dtds/struts-2.0.dtd">
<struts>
<package name="Struts2_AJAX_DEMO" extends="json-default">
<action name="JsonPlugin" class="tutorial.JsonPluginAction">
<result type="json" />
</action>
</package>
</struts>
分享到：
相关推荐
Jquery+struts2上传图片，制作进度条等示例，还有Jquery+Json+Struts实现Ajax技术，还有图形处理技术等，虽然很少，但都有重点突出，由于我也是学习，所以代码不是很简洁，对想学习交流的朋友非常合适
**jQuery + Struts2 + JSON 处理** 在Web开发中，jQuery是一个强大的JavaScript库，提供了丰富的DOM操作、事件处理和动画效果。Struts2是一个流行的Java Web框架，用于构建可维护性和可测试性的MVC应用程序。JSON...
json+jquery+struts2+hibernate+spring 实现的小型bbs系统，这个提供包 ，很不错的下载后，好好徐希一下吧
struts2 json jquery ajax实现用户登陆及业面跳转
在本篇“jQuery+json+struts2 开发备忘录（一）”中，我们将探讨如何使用这三种技术来构建高效且用户友好的Web应用程序。jQuery是一个强大的JavaScript库，它简化了DOM操作、事件处理、动画效果以及Ajax交互。JSON...
在这个实例中，“整合jquery+json+struts2异步提交”是一个典型的前端与后端交互的示例，利用了jQuery的Ajax功能和Struts2框架处理JSON数据。下面我们将详细探讨这些技术及其相互配合的工作原理。 **jQuery** 是一...
1、JSON0.34使用的是struts2附带的struts2-json-plugin-2.1.8.1.jar 2、db是mysql，名字为test,用户名root,密码空 3、com.morningstar.utility.WSUtility为调用WebService的客户端代码，在调用这个WebService返回...
JEECMS使用目前java主流技术架构：hibernate3+struts2+spring2+freemarker。AJAX使用jquery和json实现。视图层并没有使用传统的JSP技术，而是使用更为专业、灵活、高效freemarker。 数据库使用MYSQL，并可支持orcale...
Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON
在Struts2框架下，我们可以使用Jquery的Ajax方法向服务器发送请求，获取JSON或XML数据，然后动态更新页面的部分内容。 在"06-mvc之struts2.ppt"中，可能涵盖了以下内容： 1. Struts2框架的基本概念和架构 2. 如何...
2. **解析与渲染**：jQuery的`$.parseJSON()`（现在已弃用，推荐使用`$.getJSON()`或`$.ajax()`的dataType设置为'json'）方法用于解析JSON字符串为JavaScript对象，然后可以在前端动态更新DOM。 **Ajax级联操作** ...
总的来说，这个压缩包提供了一个全面的学习资源，帮助开发者深入理解并熟练运用JSON数据格式、Struts2框架和jQuery库。通过这些实例，你可以提高Web开发技能，尤其是处理动态交互和数据交换的能力。在实践中不断探索...
### Struts2 + jQuery + JSON 实现Ajax 在现代Web开发中，Ajax技术因其能够实现网页的局部刷新而被广泛采用。本篇文章介绍如何利用Struts2框架结合jQuery与JSON来构建一个简单的Ajax功能。 #### 一、环境搭建 1. ...
Struts2、Spring、Hibernate、jQuery 和 JSON 是五个在IT行业中极为重要的技术组件，它们各自在Web应用开发中扮演着不同的角色。这篇文章将详细介绍这些技术的整合使用以及它们的功能。 首先，Struts2 是一个基于 ...
这个资源"struts2+json"显然涉及到在Struts2框架下实现JSON（JavaScript Object Notation）数据交换，这是一种轻量级的数据交换格式，广泛用于前后端交互，特别是AJAX（Asynchronous JavaScript and XML）请求。...
通过jQuery获取表单数据，封装到JSON对象，再把JSON对象转为字符串传到Action，接到数据后，再把JSON字符串变为JSON对象，通过JSON的键，取出数据，通过调用数据库返回数据封装在JSON，打印出数据，然后在客户端接收...
标题中的“省市联动jQuery+Struts2”是指在Web开发中使用jQuery库和Struts2框架实现的一个功能，即当用户选择一个省份时，相关的城市会动态地在下拉列表中加载出来，提供用户选择。这个功能在很多需要收集用户地址...
在"jQuery json+struts2 jar包全集"中，我们通常会找到以下内容： 1. **jQuery库的jar包**：这可能包含了jQuery的源码，使得在没有JavaScript环境或者需要在服务器端处理jQuery逻辑的情况下可以使用。 2. **Struts2...
SSH指的是Struts、Spring和Hibernate这三个Java Web开发框架的缩写，而JQuery是一个强大的JavaScript库，JSON则是一种轻量级的数据交换格式。下面我们将详细探讨这些技术及其在实际项目中的应用。 首先，Struts是...
本项目采用jQuery、Struts2和Ajax技术实现了这样一个功能，用户可以在不重新加载整个页面的情况下查看不同页的数据，提高了交互效率。 ### 1. jQuery jQuery是一个强大的JavaScript库，简化了JavaScript的DOM操作...