JSON实例（AJAX+STRUTS ）

最新推荐文章于 2024-07-18 21:10:06 发布
最新推荐文章于 2024-07-18 21:10:06 发布
阅读量65 收藏
点赞数
分类专栏： Javascript 文章标签： Struts Ajax json Apache Myeclipse
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/leakey123456/article/details/83489615
版权
前段时间做项目用到了json，今天我抽时间写了一个struts+ajax+json的例子.
个人感觉ajax+json在很大程度上降低了网络和服务器的IO，是一个很不错的组合！
1：json的lib我用的是json-lib-2.1-jdk15.jar，它可以在
2：struts用的是1.2
3：用到了js第三方prototype.js，主要用它包装的ajax对象，大家也没必要用这个，可以直接在js里用XMLHttpRequest。


以下是例子中所用到的相关文件：
Java代码
/// toolhxw.js
/**
@hxw 20080602
*/
//回调函数 简单回调函数
function showesay(dataResponse)
{
var data = eval('(' + dataResponse.responseText + ')');
var str='';
str+='<ul>';
str+='<li>'+data.param1;+'</li>';
str+='<li>'+data.param2;+'</li>';
str+='</ul>';
document.getElementById("content").innerHTML=str;
}
//回调函数 复杂回调函数
function showcomplex(dataResponse)
{
var data = eval('(' + dataResponse.responseText + ')');
var str='';
for(var i=0;i<data.js.length;i++)
{
str+='<ul>';
str+='<li>'+data.js[i].id+'</li>';
str+='<li>'+data.js[i].age+'</li>';
str+='<li>'+data.js[i].name+'</li>';
str+='<li>'+data.js[i].address+'</li>';
str+='</ul>';
}
document.getElementById("content").innerHTML=str;
}
//获取简单的json数据
function getesay(){
var url = 'test.do';
var pars = 'method=getEasy';
var ajax = new Ajax.Request(
url,
{method:'post',parameters:pars,onComplete:showesay}
);
}
//获取对象级复杂数据
function getcomplex(){
var url = 'test.do';
var pars = 'method=getComplex';
var ajax = new Ajax.Request(
url,
{method:'post',parameters:pars,onComplete:showcomplex}
);
}

///struts-config.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts-config PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 1.2//EN" "http://struts.apache.org/dtds/struts-config_1_2.dtd">

<struts-config>
<data-sources />
<form-beans />
<global-exceptions />
<global-forwards />
<action-mappings >
<action path="/test" parameter="method" type="com.json.struts.action.TestAction">
</action>

</action-mappings>

<message-resources parameter="com.json.struts.ApplicationResources" />
</struts-config>

TestAction.java

/*
* Generated by MyEclipse Struts
* Template path: templates/java/JavaClass.vtl
*/
package com.json.struts.action;

import java.io.PrintWriter;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.actions.DispatchAction;
import net.sf.json.*;

/**
* @author hxw
*
*/
public class TestAction extends DispatchAction {


/**
* 获取简单组合数据
*/
public ActionForward getEasy(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
response.setContentType("text/html; charset=GBK");
try
{
PrintWriter out = response.getWriter();
//这里的数据拼装一般是从数据库查询来的
JSONObject jsonObject = new JSONObject();
jsonObject.put("param1", "变量一");
jsonObject.put("param2", "变量二");
out.print(jsonObject.toString());
out.flush();
out.close();
return null;
}catch(Exception e)
{
e.printStackTrace();
return null;
}
}
/**
* 获取复杂组合数据
*/
public ActionForward getComplex(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
response.setContentType("text/html; charset=GBK");
try
{
PrintWriter out = response.getWriter();
JSONObject obj = new JSONObject();
JSONArray js = new JSONArray();
//这里的数据拼装一般是从数据库查询来的
for(int i=0;i<3;i++)
{
JSONObject objtemp = new JSONObject();
objtemp.put("id", i);
objtemp.put("age", "23");
objtemp.put("name", "test"+i);
objtemp.put("address", "test");
js.add(objtemp);
}
obj.put("js",js);
out.print(obj.toString());
}catch(Exception e)
{
e.printStackTrace();
System.out.print("消费明细json存储异常");
}
return null;
}
}

test.jsp
<%@ page language="java" import="java.util.*" contentType="text/html;charset=gbk"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>json练习</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/toolhxw.js"></script>
</head>

<body>
<div id="func" >
<a href='javascript:getesay()'>获取简单组合数据</a>
<a href='javascript:getcomplex()'>获取复杂组合数据</a>
</div>
<div id="content">
正在获取内容...
</div>
</body>
</html>

/// toolhxw.js
/**
@hxw 20080602
*/
//回调函数 简单回调函数
function showesay(dataResponse)
{
var data = eval('(' + dataResponse.responseText + ')');
var str='';
str+='<ul>';
str+='<li>'+data.param1;+'</li>';
str+='<li>'+data.param2;+'</li>';
str+='</ul>';
document.getElementById("content").innerHTML=str;
}
//回调函数 复杂回调函数
function showcomplex(dataResponse)
{
var data = eval('(' + dataResponse.responseText + ')');
var str='';
for(var i=0;i<data.js.length;i++)
{
str+='<ul>';
str+='<li>'+data.js[i].id+'</li>';
str+='<li>'+data.js[i].age+'</li>';
str+='<li>'+data.js[i].name+'</li>';
str+='<li>'+data.js[i].address+'</li>';
str+='</ul>';
}
document.getElementById("content").innerHTML=str;
}
//获取简单的json数据
function getesay(){
var url = 'test.do';
var pars = 'method=getEasy';
var ajax = new Ajax.Request(
url,
{method:'post',parameters:pars,onComplete:showesay}
);
}
//获取对象级复杂数据
function getcomplex(){
var url = 'test.do';
var pars = 'method=getComplex';
var ajax = new Ajax.Request(
url,
{method:'post',parameters:pars,onComplete:showcomplex}
);
}

///struts-config.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts-config PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 1.2//EN" "http://struts.apache.org/dtds/struts-config_1_2.dtd">

<struts-config>
<data-sources />
<form-beans />
<global-exceptions />
<global-forwards />
<action-mappings >
<action path="/test" parameter="method" type="com.json.struts.action.TestAction">
</action>

</action-mappings>

<message-resources parameter="com.json.struts.ApplicationResources" />
</struts-config>

TestAction.java

/*
* Generated by MyEclipse Struts
* Template path: templates/java/JavaClass.vtl
*/
package com.json.struts.action;

import java.io.PrintWriter;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.actions.DispatchAction;
import net.sf.json.*;

/**
* @author hxw
*
*/
public class TestAction extends DispatchAction {


/**
* 获取简单组合数据
*/
public ActionForward getEasy(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
response.setContentType("text/html; charset=GBK");
try
{
PrintWriter out = response.getWriter();
//这里的数据拼装一般是从数据库查询来的
JSONObject jsonObject = new JSONObject();
jsonObject.put("param1", "变量一");
jsonObject.put("param2", "变量二");
out.print(jsonObject.toString());
out.flush();
out.close();
return null;
}catch(Exception e)
{
e.printStackTrace();
return null;
}
}
/**
* 获取复杂组合数据
*/
public ActionForward getComplex(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
response.setContentType("text/html; charset=GBK");
try
{
PrintWriter out = response.getWriter();
JSONObject obj = new JSONObject();
JSONArray js = new JSONArray();
//这里的数据拼装一般是从数据库查询来的
for(int i=0;i<3;i++)
{
JSONObject objtemp = new JSONObject();
objtemp.put("id", i);
objtemp.put("age", "23");
objtemp.put("name", "test"+i);
objtemp.put("address", "test");
js.add(objtemp);
}
obj.put("js",js);
out.print(obj.toString());
}catch(Exception e)
{
e.printStackTrace();
System.out.print("消费明细json存储异常");
}
return null;
}
}

test.jsp
<%@ page language="java" import="java.util.*" contentType="text/html;charset=gbk"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>json练习</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/toolhxw.js"></script>
</head>

<body>
<div id="func" >
<a href='javascript:getesay()'>获取简单组合数据</a>
<a href='javascript:getcomplex()'>获取复杂组合数据</a>
</div>
<div id="content">
正在获取内容...
</div>
</body>
</html>

大家将这几个文件拷贝到你的myeclipse的web项目中，发布运行即可。
leakey123456
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ajax+json+Struts2实现list传递实例讲解
10-27
应付学习需要，需要通过ajax来获取后台的List集合里面的值，特做了一个实例并附上演示效果，希望本例对你有所帮助
JSON实例(ajax+struts)
03-17
总的来说，这个实例展示了如何在Struts和AJAX环境中使用JSON进行数据交互。通过AJAX，前端可以异步地向服务器发送请求，获取JSON数据，然后在不刷新整个页面的情况下更新部分视图。而Struts框架则负责处理请求，调用...
ajax+json+Struts2实现list传递实例讲解.docx
01-14
总结来说，这个实例演示了如何利用Ajax、JSON和Struts2框架在客户端与服务器之间传递和展示List数据，无需刷新整个页面。通过这种方式，可以提高用户体验，使Web应用更加动态和交互性更强。在实际开发中，这样的技术...
Struts2+ajax+json返回list.docx
01-25
本实例展示了如何在Struts2框架下，通过Ajax发送请求获取JSON数据，并将数据返回到JSP页面，以填充下拉列表（`<s:select/>`标签）。 1. **Struts2配置**： 在`struts.xml`配置文件中，我们需要定义一个Action，...
PostgreSQL的Json数据类型如何使用
招风的黑耳CSDN
07-18 224
PostgreSQL中的JSON数据类型提供了一种灵活的方式来存储JSON（JavaScript Object Notation）数据。JSON是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。在PostgreSQL中，你可以使用JSON和JSONB（JSON的二进制格式，支持索引和更快的查询）数据类型来存储JSON数据。
平台智能化
李青水的博客
07-16 660
智谱AI开放平台创建应用：应用 = 预定义了一些规则的大模型在线体验：可用来测试不同大模型和参数的效果，支持 AI 绘画。
FastAPI 学习之路（五十九）封装统一的json返回处理工具
mr~li的博客
07-18 201
在本篇文章之前的接口，我们每个接口异常返回的数据格式都不一样，处理起来也没有那么方便，因此我们可以封装一个统一的json。改造后，我们的返回消息，可以自定义code，message，data。接下来我们再次改造下我们的新建用户的接口。把代码统一放到common下面的json_tools.py里面，我们在接口返回的时候调用。这样我们就完成了统一接口响应处理，后续我们可以在所有的接口中使用。我们看下修改后的用户返回。我们看下处理后的效果。我们看创建重复的返回。
【数据集处理工具】根据COCO数据集的json标注文件实现训练与图像的文件划分
小李的研究生学习日记
07-16 444
COCO（Common Objects in Context）数据集是一种广泛使用的图像数据集，它不仅包含了丰富的图像资源，还提供了详尽的标注信息，包括物体检测、分割、关键点定位等。COCO JSON文件是一种结构化的数据格式，用于存储关于图像的元数据和标注细节，例如图像ID、文件名、图像尺寸以及各种标注信息。
前端工具-json-server
zhangankang的博客
07-14 165
以项目为例，介绍前端mock数据的方式；
大模型入门（四）—— 基于peft 微调 LLaMa模型
Aweii__的博客
07-15 557
llama-7b模型大小大约27G，本文在单张/两张 16G V100上基于hugging face的peft库实现了llama-7b的微调。 **1、模型和数据准备** 使用的大模型：https://huggingface.co/decapoda-research/llama-7b-hf，已经是float16的模型。
最新vite脚手架配置ts-node工具
felix_alone2012的博客
07-16 188
最新vite脚手架配置和使用ts-node工具注意事项~
怎么把自己写的组件发布到npm官方仓库？？
weixin_49066399的博客
07-15 770
vue封装组件发布到npm
鸿蒙开发：Universal Keystore Kit（密钥管理服务）【获取密钥属性(ArkTS)】
m0_70748845的博客
07-16 201
HUKS提供了接口供业务获取指定密钥的相关属性。在获取指定密钥属性前，需要确保已在HUKS中生成或导入持久化存储的密钥。
链接追踪系列-07.logstash安装json_lines插件
suanhengzi的博客
07-14 477
logstash优化：官方的建议是提高每次批处理的数量，调节传输间歇时间。当batch.size增大，es处理的事件数就会变少，写入也就越快了。
vue路由传参使用query传递对象
m0_50981596的博客
07-17 100
【代码】vue路由传参使用query传递对象。
params和data的差别，doc下载
weixin_42348009的博客
07-15 216
在上述例子中，数据会作为查询参数附加到 URL 上，例如。选择使用哪种取决于你要发送的数据类型和请求方法。用于发送 URL 查询字符串参数，适合。用于发送请求体数据，适合。
C++ 自定义Json导出
最新发布
一个大佬的博客
07-18 153
【代码】C++ 自定义Json导出。
R语言学习笔记11-读取csv-xlsx-txt-json-pdf-lua格式文件
weixin_42333247的博客
07-18 741
readxl 包提供了更为现代和高效的方法来读取Excel文件，支持更多的Excel特性 适合处理各种Excel文件格式和大型数据集。xlsx 包提供了一种读取Excel文件的方法，适用于较旧版本的Excel文件（.xlsx格式）read.csv 是R语言中用于读取CSV文件的基本函数，它会将CSV文件读取为一个数据框对象。readr 包提供了更为快速和灵活的CSV读取函数 read_csv 特别适合大型数据集的处理。可使用R语言的 readLines 函数来逐行读取Lua脚本文件的内容。
AI金融投资002：批量下载巨潮资讯基金招募说明书
LuckyHanMo的博客
07-16 731
封闭式基础设施证券投资基金招募说明书 AI金融投资002：批量下载巨潮资讯基金招募说明书
ajax+json+ashx实现列表页.rar
11-03
Ajax是一种用于在客户端和服务器之间进行异步通信的技术，可以在不刷新整个网页的情况下更新部分网页内容。JSON是一种轻量级的数据交换格式，常用于在服务器和客户端之间传递数据。ashx是一种处理程序，用于在服务器上接收和处理Ajax请求。 "ajax json ashx实现列表页.rar"是一个压缩文件，可能包含一个使用以上技术实现的列表页的项目。 该项目可能包括一个ashx处理程序，用于接收Ajax请求并处理相关操作。程序可能使用JSON格式将数据从服务器发送到客户端，以便在列表页上更新显示。通过Ajax技术，用户可以在不刷新整个页面的情况下获取最新的数据，并在列表页上进行交互操作，如添加、删除或编辑列表项。 实现这个列表页可能涉及到以下步骤： 1. 创建一个ashx处理程序，用于处理列表页的请求。 2. 在客户端使用Ajax技术发送请求给服务器，请求列表数据。 3. 服务器接收到请求后，从数据库或其他数据源中获取数据，并将数据封装成JSON格式。 4. 服务器将封装好的JSON数据响应给客户端。 5. 客户端接收到响应后，解析JSON数据，并根据数据更新列表页的显示。 6. 在列表页上实现交互功能，如添加、删除或编辑列表项。 7. 根据用户的操作，使用Ajax技术发送相应的请求给服务器，进行数据的增删改操作。 8. 服务器接收到请求后，进行相应的操作，并响应结果给客户端。 9. 客户端接收到响应后，更新列表页的显示。 通过以上的步骤，可以实现一个使用Ajax、JSON和ashx处理程序的列表页，用户可以在列表页上进行数据的增删改操作，并实时更新数据的显示。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值