1.客户端编程：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>
</head>
<script type="text/javascript"
src="js/jquery-1.4.2.js"></script>

<script type="text/javascript"
src="js/json2.js"></script>

<body>
<form action="">
<table>
<tr>
<td>名字</td>

<td><input type="text"
id="name"
name="name"/></td>

</tr>
<tr>
<td>年龄</td>

<td><input type="text"
id="age"
name="age"/></td>

</tr>
<tr>
<td><input
type="button" value="提交" onclick="commit();"/>
</td>
</tr>
</table>
<table id="ulist" border="2">
</table>
</form>
</body>
<script type="text/javascript">
function commit(){
  

 $.ajax(
  
   
   
 {type : "post",
  
   
   
 
data:{name: $ ('#name').val(),   
                      age: $ ('#age').val()},
  
   
   
  url : "testJson_testJson.action",
  
   
   
  dataType : "JSON",
  
   
   
  success : callback
  
   
   
   
 }
  
   
   
 );
}
function callback(data){
    var json
=  JSON.parse(data);
  
 alert("fdf");
    var ulist
=    $("#ulist");   
       $.each(json,
function(i,item){
        
ulist.append(
       
"<tr><td>"+item.name+"</td><td>"+item.age+"</td></tr>"

);
  
   
 })
}
</script>
</html>
2.服务端编程：用到sturst2

public class Person {
    private
String name;
    private
String age;
    public
String getName() {
   
    return
name;
    }
    public void
setName(String name) {
   
    this.name =
name;
    }
    public
String getAge() {
   
    return
age;
    }
    public void
setAge(String age) {
   
    this.age =
age;
    }

}

public class TestJsonAction {

private
static final long serialVersionUID = -3571998877536556903L;

public
String testJson() throws Exception {
   
    Person p1 =
new Person();
   
   
p1.setName("nn");
   
   
p1.setAge("11");
   
    Person p2 =
new Person();
   
   
p2.setName("gg");
   
   
p2.setAge("12");
   
    Person p3 =
new Person();
   
   
p3.setName("rr");
   
   
p3.setAge("24");
   
   
List<Person> ulist = new
ArrayList<Person>();
   
   
ulist.add(p1);
   
   
ulist.add(p2);
   
   
ulist.add(p3);
   
    String name
=ServletActionContext.getRequest().getParameter("name");
   
    String age =
ServletActionContext.getRequest().getParameter("age");
   
    Person p4 =
new Person();
   
   
p4.setName(name);
   
   
p4.setAge(age);
   
   
ulist.add(p4);
   
    JSONArray
json = JSONArray.fromObject(ulist);
   
   
ServletActionContext.getResponse().getWriter().print(json);
   
    return
null;
    }

}

一个简单json数据提交实例的更多相关文章

  1. TypeToken 是google提供的一个解析Json数据的类库中一个类

    Type listType = new TypeToken<LinkedList<User>>(){}.getType(); Type是java里的reflect包的Type ...

  2. 【转】c#处理3种json数据的实例

    http://www.jb51.net/article/48027.htm http://json2csharp.chahuo.com/ 网络中数据传输经常是xml或者json,现在做的一个项目之前调 ...

  3. c#处理3种json数据的实例

    网络中数据传输经常是xml或者json,现在做的一个项目之前调其他系统接口都是返回的xml格式,刚刚遇到一个返回json格式数据的接口,通过例子由易到难总结一下处理过程,希望能帮到和我一样开始不会的朋 ...

  4. [WCF REST] 一个简单的REST服务实例

    Get:http://www.cnblogs.com/artech/archive/2012/02/04/wcf-rest-sample.html [01] 一个简单的REST服务实例 [02] We ...

  5. PureMVC和Unity3D的UGUI制作一个简单的员工管理系统实例

    前言: 1.关于PureMVC: MVC框架在很多项目当中拥有广泛的应用,很多时候做项目前人开坑开了一半就消失了,后人为了填补各种的坑就遭殃的不得了.嘛,程序猿大家都不喜欢像文案策划一样组织文字写东西 ...

  6. 【安卓开发】一个简单快递查询APP实例的实现摘要

    前言 做毕业设计涉及到安卓开发,决定好好学习安卓开发.在正式做毕业设计之前,有必要先设计和完成一个与毕业设计最终成果相关的demo或者说样例APP.最终毕业设计需要实现的功能包括通过调用PHP端API ...

  7. 一个简单的Android小实例

    原文:一个简单的Android小实例 一.配置环境 1.下载intellij idea15 2.安装Android SDK,通过Android SDK管理器安装或卸载Android平台   3.安装J ...

  8. 一个简单的jQuery插件开发实例

    两年前写的一个简单的jQuery插件开发实例,还是可以看看的: <script type="text/javascript" src="jquery-1.7.2.m ...

  9. spring boot: @Entity @Repository一个简单的数据读存储读取

    spring boot: @Entity @Repository一个简单的数据读存储读取 创建了一个实体类. 如何持久化呢?1.使用@Entity进行实体类的持久化操作,当JPA检测到我们的实体类当中 ...

随机推荐

  1. (菜鸟要飞系列)四，基于Asp.Net MVC5的后台管理系统（zTree绑定Json数据生成树）

    上一次老师让我们用递归将中国城市镇县四级联动 显示在树上,那个时候就知道可以显示在zTree上,可是苦于对Json的不了解,对zTree的Api的不了解,一直没有做出来,只好将递归算法显示在了窗体上, ...

  2. Ha ha lou！

    忙了一个晚上,终于稍微把这个模板修缮好了一点=-=//,然而我并不知道怎么像别的大牛一样,博客跟自己做的页面一样.总之今天就先到这里啦! 我的QQ是270115270,不知道会不会有人来呢=-=. ( ...

  3. nginx demo

    server_names_hash_bucket_size 512;upstream node_app { server 127.0.0.1:3000; } server { listen 80; s ...

  4. oracle 自定义函数

    函数和存储过程类似,可以简单的理解为一段可以执行某个活动/动作的子程序,可以作为一个系统对象被存储在数据库中,可以重复调用.与存储过程不同的是,函数总是向调用者返回一个值,而存储过程不能有返回值. C ...

  5. c++ linux 下的调试工具及用法

    1当程序出现core的时候: gdb out[your program] core.out.45726.1431954543 可以看到程序崩溃时候的堆栈信息. valgrind ./out 由于val ...

  6. pos机套现是怎么回事

    POS机是商家为了促进消费,向银行申请的刷卡机它的主要功能是转账就是通过客户的刷卡,把相对的金额转入商户的帐户银行会根据笔数或金额向商户收取手续费非法套现就是客户并未和商户产生贸易往来,单纯通过pos ...

  7. AngularJS 基础

    1. AngularJs 是一个JS 框架,是一种基于MVC的设计模式 2. script 需引用 <script src="angular.min.js">,安装包 ...

  8. sv_target_output dx11

    http://msdn.microsoft.com/en-us/library/windows/desktop/bb509647(v=vs.85).aspx

  9. iOS开发之数据存取2-CoreData后台查询数据

    注意:本人所讲的后台查询必须在使用CoreData时选择存储类型为“SQLite”,因为二进制或者XML存储方式会在打开的时候直接读到内存中. 1.CoreData数据后台查询出现的情况 CoreDa ...

  10. 【Android自学之旅】 Android开发环境的搭建

    [Android自学之旅] Android开发环境的搭建 搭建参考教程: http://www.oracle.com/technetwork/java/javase/downloads/jdk7-do ...