json前后台传值

   谈到JSON,简单的说就是一种数据交换格式。近年来，其在服务器之间交换数据的应用越来越广，相比XML其格式更简单、编解码更容易、扩展性更好，所以深受开发人员的喜爱。

   下面简单的写一下在项目中前后台json传值的一个小例子，供大家参考、查阅。

一：前台传后台

1.前台jsp页面代码：

     在index中将实体对象（自己创建即可）插入list中，再将list集合转化成json数组，利用post方式发送AJAX请求，将这个json数组发送至后台（servlet），再在后台进行解析即可。

index.jsp

<%@ page language="java" import="java.util.Date,com.badminton.utils.JsonDateValueProcessor,java.text.SimpleDateFormat,java.util.List,net.sf.json.JSONArray,net.sf.json.JSONObject,net.sf.json.JsonConfig,java.util.ArrayList,com.badminton.entity.Athlete,net.sf.json.JSONObject" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My first json page</title>
<%SimpleDateFormat format1 = new SimpleDateFormat("yyyy-MM-dd");Athlete athlete1 = new Athlete();athlete1.setAthlete_id(1003);athlete1.setAthlete_name("林丹");athlete1.setAthlete_sex("男");Date athlete_age1 = format1.parse("1983-10-14");//是java.util.date
  athlete1.setAthlete_age(athlete_age1);athlete1.setCoach_id(101);athlete1.setEvent_id(1);athlete1.setService_status("1");athlete1.setExperience("2013年第12届全运会男单冠军。");Athlete athlete2 = new Athlete();//记录2athlete2.setAthlete_id(1004);athlete2.setAthlete_name("鲍春来");athlete2.setAthlete_sex("男");Date athlete_age2 = format1.parse("1988-10-14");athlete2.setAthlete_age(athlete_age2);athlete2.setCoach_id(101);athlete2.setEvent_id(1);athlete2.setService_status("1");athlete2.setExperience("2011年亚洲羽毛球锦标赛亚军。");List<Athlete> list1 = new ArrayList<Athlete>();list1.add(athlete1);list1.add(athlete2); JsonConfig jsonConfig = new JsonConfig();//解决date类型的传输问题jsonConfig.registerJsonValueProcessor(Date.class , new JsonDateValueProcessor());JSONArray jsonarray = JSONArray.fromObject(list1, jsonConfig);
%>
<script type="text/javascript" src="js/json2.js"></script>
<script type="text/javascript">var xmlHttp;function createXmlHttpRequest() {if (window.ActiveXObject) {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");} else if (window.XMLHttpRequest) {xmlHttp = new XMLHttpRequest();}}//回调
  function handleStateChange() {if (xmlHttp.readyState == 4) {if (xmlHttp.status == 200) {parseResults();}}}//将后台返回的数据显示在层serverResponse中
  function parseResults() {var result=xmlHttp.responseXML.getElementsByTagName("result")[0].firstChild.data;alert(result);}function doJSON() {var athletehead={athlete_id:1,tablename:"athlete"};var myobj=eval(athletehead); var str1=JSON.stringify(myobj);//str1以后可用来识别数据库中的表var str2='<%=jsonarray%>';var url = "http://localhost:8080/com.badminton.servlet/JsonServer";createXmlHttpRequest();xmlHttp.open("POST", url, true);xmlHttp.onreadystatechange = handleStateChange;//回调xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;text/xml;charset=utf-8"); //text/xml;charset=utf-8：解决汉字封装json问题xmlHttp.send("athletehead="+str1+"&athlete="+str2);//传送了两个对象
  }
</script>
</head>
<body>
<form id="form1">
<table><tr><td align="center"><input type="button" name="submit" value="提交" onClick="doJSON()"></td></tr>
</table>
</form>
</body>
</html>

   后台接受前台传来的json对象，解析插入数据库中，且反给前台一个是否成功的消息。具体插入数据库的代码自己编写一个即可。

JsonServer.java

package com.badminton.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Date;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.badminton.app.AthleteAction;
import net.sf.json.JSONObject;
import net.sf.json.JSONArray;
public class JsonServer extends HttpServlet {public JsonServer() {super();}public void destroy() {super.destroy();}public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {this.doPost(request, response);}public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {response.setContentType("text/xml");response.setHeader("Cache-Control", "no-cache");response.setCharacterEncoding("UTF-8");PrintWriter out = response.getWriter();AthleteAction athleteaction=new AthleteAction();try {String json1 = request.getParameter("athletehead");//接收athlete表的头数据String json2 = request.getParameter("athlete");//接收athlete表数据json1 = java.net.URLDecoder.decode(json1,"UTF-8");json2 = java.net.URLDecoder.decode(json2, "UTF-8");if ((json1 != "") && (json2 != "")) {//System.out.println("json1:"+json1);JSONObject jsonObject1 =JSONObject.fromObject(json1);//生成json对象JSONArray jsonArray2 = JSONArray.fromObject(json2);//生成JSON数组for(int i=0;i<jsonArray2.size();i++){JSONObject resultObj = jsonArray2.optJSONObject(i);//根据JSONArray生成JSONObjectint athlete_id=resultObj.getInt("athlete_id");String athlete_name=resultObj.getString("athlete_name");String athlete_sex=resultObj.getString("athlete_sex");String age=resultObj.getString("athlete_age");Date athlete_age = Date.valueOf(age);//转换成java.sql.Date//System.out.println(athlete_age);int coach_id=resultObj.getInt("coach_id");int event_id=resultObj.getInt("event_id");System.out.println(athlete_name);String service_status=resultObj.getString("service_status");String experience=resultObj.getString("experience");athleteaction.athleteAdd(athlete_id,athlete_name,athlete_sex,athlete_age,coach_id,event_id,service_status,experience);//对数据库进行操作，具体代码未附
        }String result = "数据上传成功！";out.println("<response>");out.println("<result>" + result + "</result>");out.println("</response>");out.close();} else{String result = "传输过程出错，请重传！";out.println("<response>");out.println("<result>" + result + "</result>");out.println("</response>");out.close();}} catch (Exception e) {System.out.println("JsonServer doPost(HttpServletRequest request, HttpServletResponse response) 报错："+ e.getMessage());}}public void init() throws ServletException {}}

3.解决传递日期的一个工具类

     若没有这个工具类，date型数据会被转化成json数组的格式，后台解析起来会很复杂。

JsonDateValueProcessor.java

package com.badminton.utils;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.Locale;
import net.sf.json.JsonConfig;
import net.sf.json.processors.JsonValueProcessor;
public class JsonDateValueProcessor implements JsonValueProcessor{/*** datePattern*/private String datePattern = "yyyy-MM-dd";/*** JsonDateValueProcessor*/public JsonDateValueProcessor() {super();}/*** @param format*/public JsonDateValueProcessor(String format) {super();this.datePattern = format;}/*** @param value* @param jsonConfig* @return Object*/public Object processArrayValue(Object value, JsonConfig jsonConfig) {return process(value);}/*** @param key* @param value* @param jsonConfig* @return Object*/public Object processObjectValue(String key, Object value,JsonConfig jsonConfig) {return process(value);}/*** process* @param value* @return*/private Object process(Object value) {try {if (value instanceof Date) {SimpleDateFormat sdf = new SimpleDateFormat(datePattern,Locale.UK);return sdf.format((Date) value);}return value == null ? "" : value.toString();} catch (Exception e) {return "";}}/*** @return the datePattern*/public String getDatePattern() {return datePattern;}/*** @param pDatePattern the datePattern to set*/public void setDatePattern(String pDatePattern) {datePattern = pDatePattern;}
}

二：后台传前台

   后台以list和map两种形式封装json，前台注意json数组和json对象解析时的差别即可。

1.TestJson.java

package com.badminton.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.Map;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONArray;
import net.sf.json.JSONObject;
public class TestJson extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)  throws ServletException, IOException {doPost(request,response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)  throws ServletException, IOException {response.setContentType("text/html");String str= request.getParameter("name");//得到ajax传递过来的paramaterSystem.out.println(str);PrintWriter out = response.getWriter();List list = new ArrayList();//传递List//Map m=new HashMap();//传递Map  User u1=new User();u1.setUsername("zah");u1.setPassword("123");User u2=new User(); u2.setUsername("ztf");u2.setPassword("456");list.add(u1); //添加User对象    list.add(u2); //添加User对象//m.put("u1", u1);//m.put("u2", u2); JSONArray jsonArray2 = JSONArray.fromObject( list );//转化成json对象//JSONObject jo=JSONObject.fromObject(m);//转化Map对象out.print(jsonArray2);//返给ajax请求System.out.println(jsonArray2);//out.print(jo);//返给ajax请求
}
}

2.showjson.jsp

    利用Jquery、AJAX异步传输的方式接受后台的发送请求。

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">function test(){$.ajax({type:"POST", //请求方式url:"servlet/TestJson",//请求路径cache: false, data:"name=zah", /传参dataType: 'json',//返回值类型
      success:function(json){   alert(json[1].username+" "+ json[1].password);//弹出返回过来的List对象
                }});}
</script></head><body><input type="button" name="b" value="测试"</body>
</html>

 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/544794.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

一个ThreadLocal和面试官大战30个回合

一个ThreadLocal和面试官大战30个回合

开场杭州某商务楼里&#xff0c;正发生着一起求职者和面试官的battle。面试官&#xff1a;你先自我介绍一下。安琪拉&#xff1a;面试官你好&#xff0c;我是草丛三婊&#xff0c;最强中单&#xff08;妲己不服&#xff09;&#xff0c;草地摩托车车手&#xff0c;第21套广播体…
阅读更多...
ASP.NET 网站项目 EF 的简单操作例子

ASP.NET 网站项目 EF 的简单操作例子

ASP.NET 网站项目 EF 的简单操作例子&#xff1a;操作代码&#xff1a;using EFTest.Models; using System; using System.Collections.Generic; using System.Data; using System.Linq; using System.Web; using System.Web.Mvc;namespace EFTest.Controllers {public class D…
阅读更多...
java enummap_Java EnumMap containsValue（）方法与示例

java enummap_Java EnumMap containsValue（）方法与示例

java enummapEnumMap类containsValue()方法 (EnumMap Class containsValue() method) containsValue() method is available in java.util package. containsValue()方法在java.util包中可用。 containsValue() method is used to check whether the given value element (val_…
阅读更多...
mysql主主互备架构

mysql主主互备架构

mysql主主互备架构企业级mysql集群具备高可用&#xff0c;可扩展性&#xff0c;易管理&#xff0c;低成本的特点。mysql主主互备就是企业中常用的一个解决方案。在这种架构中&#xff0c;虽然互为主从&#xff0c;但同一时刻只有一台mysql 可读写&#xff0c;一台mysqk只能进行…
阅读更多...
图文并茂的聊聊Java内存模型！

图文并茂的聊聊Java内存模型！

在面试中&#xff0c;面试官经常喜欢问&#xff1a;『说说什么是Java内存模型(JMM)&#xff1f;』面试者内心狂喜&#xff0c;这题刚背过&#xff1a;『Java内存主要分为五大块&#xff1a;堆、方法区、虚拟机栈、本地方法栈、PC寄存器&#xff0c;balabala……』面试官会心一笑…
阅读更多...
JS根据文本框内容匹配并高亮显示

JS根据文本框内容匹配并高亮显示

<!DOCTYPE html> <html><head><meta charset"utf-8"><title></title><script type"text/javascript">function SearchCompare() {// 获取搜索字符串var searchText document.getElementById("SearchCompa…
阅读更多...
AngularJS入门心得2——何为双向数据绑定

AngularJS入门心得2——何为双向数据绑定

前言&#xff1a;谁说Test工作比较轻松&#xff0c;最近在熟悉几个case&#xff0c;差点没疯。最近又是断断续续的看我的AngularJS&#xff0c;总觉得自己还是没有入门&#xff0c;可能是自己欠前端的东西太多了&#xff0c;看不了几行代码就有几个常用函数不熟悉的。看过了大漠…
阅读更多...
Java ClassLoader getParent（）方法与示例

Java ClassLoader getParent（）方法与示例

ClassLoader类的getParent()方法 (ClassLoader Class getParent() method) getParent() method is available in java.lang package. getParent()方法在java.lang包中可用。 getParent() method is used to return the parent class loader for delegations. getParent()方法用…
阅读更多...
Java中那些内存泄漏的场景！

Java中那些内存泄漏的场景！

虽然Java程序员不用像C/C程序员那样时刻关注内存的使用情况&#xff0c;JVM会帮我们处理好这些&#xff0c;但并不是说有了GC就可以高枕无忧&#xff0c;内存泄露相关的问题一般在测试的时候很难发现&#xff0c;一旦上线流量起来可能马上就是一个诡异的线上故障。内存泄露定义…
阅读更多...
@html.ActionLink的几种参数格式

@html.ActionLink的几种参数格式

http://blog.csdn.net/jingmeifeng/article/details/7792151 一 Html.ActionLink("linkText","actionName") 该重载的第一个参数是该链接要显示的文字&#xff0c;第二个参数是对应的控制器的方法&#xff0c;默认控制器为当前页面的控制器&#xff0c;如…
阅读更多...
Java ClassLoader findClass（）方法与示例

Java ClassLoader findClass（）方法与示例

ClassLoader类findClass()方法 (ClassLoader Class findClass() method) findClass() method is available in java.lang package. findClass()方法在java.lang包中可用。 findClass() method is used to find the class with the given binary class name. findClass()方法用于…
阅读更多...
ThreadLocal内存溢出代码演示和原因分析！

ThreadLocal内存溢出代码演示和原因分析！

作者 | 王磊来源 | Java中文社群&#xff08;ID&#xff1a;javacn666&#xff09;转载请联系授权&#xff08;微信ID&#xff1a;GG_Stone&#xff09;前言ThreadLocal 翻译成中文是线程本地变量的意思&#xff0c;也就是说它是线程中的私有变量&#xff0c;每个线程只能操作自…
阅读更多...
C,C++宏中#与##的讲解

C,C++宏中#与##的讲解

文中__FILE__与示例1可以参见《使用ANSI C and Microsoft C中常用的预定义宏》宏中的#的功能是将其后面的宏参数进行字符串化操作&#xff08;Stringizing operator&#xff09;&#xff0c;简单说就是在它引用的宏变量的左右各加上一个双引号。 如定义好#define STRING(x) #x之…
阅读更多...
int?id与id??1 的意思

int?id与id??1 的意思

http://blog.csdn.net/jingmeifeng/article/details/24710143 int? id 表示id是可以为null的整型 跟Nullable<int> id 是一样的 id ?? 1等于 idnull?1:id;
阅读更多...
彻夜怒肝！Spring Boot+Sentinel+Nacos高并发已撸完，快要裂开了！

彻夜怒肝！Spring Boot+Sentinel+Nacos高并发已撸完，快要裂开了！

很多人说程序员是最容易实现财富自由的职业&#xff0c;也确实&#xff0c;比如字节 28 岁的程序员郭宇不正是从普通开发一步步做起的吗&#xff1f;回归行业现状&#xff0c;当开发能力可以满足公司业务需求时&#xff0c;拿到超预期的 Offer 并不算难。最近我也一直在思考这个…
阅读更多...
java中get接口示例_Java LocalDateTime类| 带示例的get（）方法

java中get接口示例_Java LocalDateTime类| 带示例的get（）方法

java中get接口示例LocalDateTime类的get()方法 (LocalDateTime Class get() method) get() method is available in java.time package. get()方法在java.time包中可用。 get() method is used to get the value for the given field from this date-time object. get()方法用于…
阅读更多...
湖南多校对抗5.24

湖南多校对抗5.24

据说A,B,C题都比较水这里就不放代码了 D:Facility Locations 然而D题是一个脑经急转弯的题&#xff1a;有m行&#xff0c;n列&#xff0c;每个位置有可能为0&#xff0c;也可能不为0&#xff0c;问最多选K行是不是可以使得每一列都至少有一个0&#xff0c;其中代价c有个约束条件…
阅读更多...
PPT演讲计时器

PPT演讲计时器

下载 GitHub 源码地址 如果访问不到的话&#xff0c;可以从百度盘下载&#xff1a; 链接&#xff1a;https://pan.baidu.com/s/1bK4sug-eK85fmPgi9DzhcA 提取码&#xff1a;0vp3 文件&#xff1a;VB.Equal.Timer-VB计时器软件-绿色无残留 写在前面 转眼也工作了两年了&…
阅读更多...
2万字！66道并发面试题及答案

2万字！66道并发面试题及答案

我花了点时间整理了一些多线程&#xff0c;并发相关的面试题&#xff0c;虽然不是很多&#xff0c;但是偶尔看看还是很有用的哦&#xff01;话不多说&#xff0c;直接开整&#xff01;01 什么是线程&#xff1f;线程是操作系统能够进⾏运算调度的最⼩单位&#xff0c;它被包含在…
阅读更多...
stl向量_如何在C ++ STL中将数组元素复制到向量？

stl向量_如何在C ++ STL中将数组元素复制到向量？

stl向量Given an array and we have to copy its elements to a vector in C STL. 给定一个数组&#xff0c;我们必须将其元素复制到C STL中的向量。 将数组元素复制到向量 (Copying array elements to a vector) In C STL, we can copy array elements to a vector by using…
阅读更多...
最新文章

Copyright @ 2022~2023