JQuery处理JSON课堂示例(Struts1.2)

king_tt

浏览: 2126106 次
性别:
来自: 深圳

最近访客更多访客>>

u012363178

liangjijiang

jacky_dai

ljmomo

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2017-01 ( 5)
2016-12 ( 132)
2016-11 ( 17)
更多存档...

1.后台Action的模拟JSON数据

package com.lc.struts.action;

import java.io.PrintWriter;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;

import com.lc.pojo.Sys;
import com.lc.struts.form.AddUserForm;

public class GetUserAction extends Action {

	/** 
	 * Method execute
	 * @param mapping
	 * @param form
	 * @param request
	 * @param response
	 * @return ActionForward
	 */
	public ActionForward execute(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response) {
		// TODO Auto-generated method stub
		//本案例用到的JSON
		//[{"name":"Tom","age":22},{"name":"Jerry","age":21}]

		String data = "[{\"name\":\"Tom\",\"age\":22},{\"name\":\"Jerry\",\"age\":21}]";
		System.out.println(data);
		try{
			PrintWriter out =response.getWriter();
			out.print(data);
			out.flush();
	        out.close();
		}catch(Exception e){
			System.out.println(e.getMessage());
		}
		return null;
	}
}

2.前台页面处理JSON

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>My JSP 'add_ajax.jsp' starting page</title>
    <script src="${pageContext.request.contextPath }/js/jquery-1.6.min.js" type="text/javascript"></script>
     <script src="${pageContext.request.contextPath }/js/zDialog.js" type="text/javascript"></script>
      <script src="${pageContext.request.contextPath }/js/zDrag.js" type="text/javascript"></script>
      <script language="JavaScript">
<!--
function getUser(){
		$.ajax({
                    type: "POST",
                    contentType: "application/json",
                    url: "${pageContext.request.contextPath }/GetUserAction.do",
                    data: "",
                    dataType: 'json',
                    success: function(data) {
                       $(data).each(function(i) {
						   // alert(data[i][key]);
						   $('#show').append(data[i].name + "--" + data[i].age + "<br>");
						});
                    }
                });
}
//-->
</script>
  </head>
  
  <body>
     <input type="button" onClick="getUser()" value="获取" />
     <div id="show"></div>
  </body>
</html>

分享到：