一个简单json数据提交实例

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="提交" οnclick="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数据提交实例相关推荐

jsonrpc php使用,php实现的一个简单json rpc框架实例
json rpc 是一种以json为消息格式的远程调用服务,它是一套允许运行在不同操作系统.不同环境的程序实现基于Internet过程调用的规范和一系列的实现.这种远程过程调用可以使用http作为传输 ...
AJAX for Java简单表数据查询实例
AJAX for Java简单表数据查询实例<?XML:NAMESPACE PREFIX = O /> AJAX WebShop 3对Java开发具有良好的支持,同时也提供了各种层次的后台 ...
将json数据写入html表单,将json数据提交到html表中
我需要基于json响应构建一个表,调用API时调用API, 调用API并让JSON工作正常,但我没有发现任何有关构建表的文档并从x.js传递给x.html.我成功地从json传递了1个参数/值.将js ...
【转】c#处理3种json数据的实例
http://www.jb51.net/article/48027.htm http://json2csharp.chahuo.com/ 网络中数据传输经常是xml或者json,现在做的一个项目之前调 ...
一个简单的百度爬虫实例
一个简单的百度爬虫实例最近在百度aistdio自学课程,看到一个基础课程的作业是爬取百度上<青春有你>选手信息,索性就跟着爬了一下,复习一下自己去年自学的已经忘得差不多的爬虫. 直接上代 ...
html表单发送json,在HTML表单上发送JSON数据提交
我有一个html表单,该表单有两个字段(名称,说明).当用户点击该表单的提交按钮时,我想以json格式提交表单数据.在HTML表单上发送JSON数据提交我试过如下: function submitD ...
推荐一个在线json数据格式化网站
json数据非常友好方便的处理: 推荐一个在线json数据格式化网站 http://json.parser.online.fr/ 转载于:https://www.cnblogs.com/cocoaji ...
一个简单的EJB-Session Bean实例
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 一个简单 ...
一个简单使用html的实例
一个简单使用html的实例起始网页点击上个网页的连接,跳转到代码如下网页1的代码 <html> <head> <title>一个实例</title&g ...

一个简单json数据提交实例

一个简单json数据提交实例相关推荐

最新文章

热门文章