jquery异步传输json数据格式实例
2013-01-31 10:19
387 查看
1.jsp代码如下
2.访问 action代码如下
3.效果如下:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!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="<%=basePath%>js/jquery-1.8.1.js"></script> </head> <script type="text/javascript"> $(function(){ $("#getResult").click(function(){ $.ajax({ type:"post", url:"<%=basePath%>jsonAction!getData.action", dataType:"json", data:{'param1':$("#param1").attr("value"),'param2':$("#param2").attr("value")}, success:function(returnData){ var html = "<table border='1'><tr><td>编号</td><td>姓名</td><td>描述</td></tr>"; for(var i = 0; i < returnData.length; i++){ html += "<tr><td>"+returnData[i].id+"</td><td>"+returnData[i].name+"</td><td>"+returnData[i].description+"</td></tr>"; } $("#result").html(html); } }); }); }); </script> <body> <input type="text" value="haha" id="param1"> <input type="text" value="hehe" id="param2"> <div id="result"></div> <input type="button" value="获取" id="getResult"> </body> </html>
2.访问 action代码如下
public class JsonAction extends ActionSupport{ public void getData() throws IOException { HttpServletRequest req = ServletActionContext.getRequest(); String p1 = req.getParameter("param1"); String p2 = req.getParameter("param2"); HttpServletResponse rep = ServletActionContext.getResponse(); rep.setContentType("text/json;charset=utf-8"); PrintWriter pw = rep.getWriter(); String data = "[{\"id\":\"01\",\"name\":\"zhongqian\",\"description\":\""+p1+"\"},{\"id\":\"02\",\"name\":\"zhangsan\",\"description\":\""+p2+"\"}]"; pw.print(data); pw.flush(); } }
3.效果如下:
相关文章推荐
- 基于jquery异步传输json数据格式实例代码
- 基于jquery异步传输json数据格式实例代码
- Spring Boot 日期数据格式转换@JsonFormat实例
- json格式数据在前台与后台之间交互实例
- Spring mvc实现Restful返回json格式数据实例详解
- 什么是JSON——Atlas采用的数据传输格式
- 测试比json更快更小的二进制数据传输格式Msgpack [pythono MessagePack 版本] - 峰云,就她了。 - 51CTO技术博客
- 实例详解JSON数据格式及json格式数据域字符串相互转换
- 实例详解JSON数据格式及json格式数据域字符串相互转换
- 万能的数据传输格式——XML/json
- Android学习笔记---26_采用JSON格式返回数据给资讯客户端,效率上要高于xml文件解析和传输
- jQuery解析json格式数据简单实例
- php使用curl发送json格式数据实例
- php使用curl发送json格式数据实例
- cocos2dx HttpClient实现rapidjson格式数据传输
- 测试比json更快更小的二进制数据传输格式Msgpack [pythono MessagePack 版本] 推荐
- Spring3+Hibernate4+SpringMVC整合Ext:JSON数据格式传输
- 网络传输数据格式——JSON和XML
- Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据