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

最新推荐文章于 2024-09-26 17:23:32 发布

系统信息

最新推荐文章于 2024-09-26 17:23:32 发布

阅读量2.8k

点赞数

分类专栏：教学工作 Java体系文章标签： json struts jquery exception action function

本文链接：https://blog.csdn.net/softwave/article/details/7928540

版权

Java体系同时被 2 个专栏收录

380 篇文章 2 订阅

订阅专栏

教学工作

147 篇文章 0 订阅

订阅专栏

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>