jquery的ajax返回json数据另外一个例子(不继承json-default)

原创 2012年03月30日 13:47:35

 

package org.lsy.test.ajax.action;

import java.io.PrintWriter;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.struts2.ServletActionContext;
import org.lsy.test.ajax.service.AjaxService;
import org.lsy.test.ajax.service.AjaxServiceImpl;
import org.rd.framework.common.container.ContainerManager;
import org.rd.framework.struts.action.BodyListAction;
import org.rd.framework.struts.action.CommonAction;
import org.rd.framework.util.ContextUtil;

import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport;

public class CompareDateAction  extends CommonAction {
//	private AjaxService ajaxService = (AjaxService)ContainerManager.getComponent(AjaxService.AJAX_BEAN_ID);
	
	private AjaxService ajaxService = new AjaxServiceImpl();
	private String result; 
	
	public String execute() throws Exception{
		
		return SUCCESS;
	}

	public String isRightDate() throws Exception{
		
		//ContextUtil.put("dd","df", ContextUtil.SCOPE_SESSION);
		ActionContext ctx = ActionContext.getContext();
		HttpServletRequest req=(HttpServletRequest)ctx.get(ServletActionContext.HTTP_REQUEST);
		HttpServletResponse resp=(HttpServletResponse)ctx.get(ServletActionContext.HTTP_RESPONSE);
		resp.setContentType("text/xml");
		req.setCharacterEncoding("UTF-8");
		resp.setCharacterEncoding("UTF-8");
		PrintWriter pw = resp.getWriter(); 
		
		String datefrom = ""; 
		String dateto = ""; 
		if(req.getParameter("datefrom")!=null){
			datefrom=req.getParameter("datefrom").toString();
		}
		if(req.getParameter("dateto")!=null){
			dateto=req.getParameter("dateto").toString();
		}
		//"[{'jj':'jjaa'}]"
		if(datefrom.trim().equals("")||dateto.trim().equals("")){
			pw.println("Y");
			this.result="{'re':'Y'}";
		}else if(ajaxService.isRightDate(datefrom, dateto)){
			pw.println("Y");
//			this.result="Y";
			this.result="{'re':'Y'}";
		}else{
			pw.println("N");
//			this.result="N";
			this.result="{'re':'N'}";
		}
		
		
		return NONE;
	}

	public String getResult() {
		return result;
	}

	public void setResult(String result) {
		this.result = result;
	}
}


 

 

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
"http://struts.apache.org/dtds/struts-2.0.dtd">
<struts>
	<package name="ajaxutil" extends="struts-default" namespace="/ajaxutil">
		<!-- ajaxutil begin -->
		
		<action name="isrightdate" class="org.lsy.test.ajax.action.CompareDateAction" method="isRightDate">
		     
		</action>
		
		<!-- ajaxutil end -->
	</package>
</struts>


 

<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="/WEB-INF/crm_taglist.tld" prefix="crm"%>
<%@ taglib uri="/WEB-INF/component.tld" prefix="cx"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ page import="java.util.*,org.lsy.test.work.model.Work"%>

<%
String path = request.getContextPath();
  String basepath=request.getScheme()+"://"+
                  request.getServerName()+":"+request.getServerPort()+
                  request.getContextPath()+"/";
%>





<input type="hidden" id="basepath" value="<%=basepath %>" />


<script src="<%=basepath %>work/jquery-1.7.1.min.js"></script>

<%-- --%>
<!-- data start -->
<script src="<%=basepath %>work/ui/jquery.ui.core.js"></script>
<script src="<%=basepath %>work/ui/jquery.ui.widget.js"></script>
<script src="<%=basepath %>work/ui/jquery.ui.datepicker.js"></script>

<link rel="stylesheet" href="<%=basepath %>work/themes/base/jquery.ui.all.css">
<link rel="stylesheet" href="<%=basepath %>work/demos/demos.css">
<!-- data end -->

<!-- tabs start -->
    <link rel="stylesheet" href="<%=basepath %>work/themes/base/jquery.ui.all.css">
	<script src="<%=basepath %>work/ui/jquery.ui.tabs.js"></script>
<!-- tabs end -->


<script>
$(function() {

	$( "#reviewdate" ).datepicker({
		showOn: "button",
		buttonImage: "<%=basepath %>work/demos/images/calendar.gif",
		buttonImageOnly: true
	});

	$( "#reviewdate" ).datepicker( "option", "dateFormat", 'yy-mm-dd');

});
$(function() {

	$( "#reviewdatefrom" ).datepicker({
		showOn: "button",
		buttonImage: "<%=basepath %>work/demos/images/calendar.gif",
		buttonImageOnly: true
	});

	$( "#reviewdatefrom" ).datepicker( "option", "dateFormat", 'yy-mm-dd');

});
$(function() {

	$( "#reviewdateto" ).datepicker({
		showOn: "button",
		buttonImage: "<%=basepath %>work/demos/images/calendar.gif",
		buttonImageOnly: true
	});

	$( "#reviewdateto" ).datepicker( "option", "dateFormat", 'yy-mm-dd');

});
//////////////////////////////////////////
$(function() {
		$( "#tabsquery" ).tabs({
			collapsible: true
		});
	});

//////////////////////////////////////////

//////////////////////////////////////////

	
</script>

<%
  List res=new ArrayList();
  if(session.getAttribute("worklist")!=null){
	  res=(ArrayList)session.getAttribute("worklist");
  }
%>


<input type="hidden" id="thelen" value="" />
<input type="hidden" id="" value="" />
<input type="hidden" id="" value="" />

<table>
  <tr width="100%">
    <td width="50%">
      
            <table border="1">
                 <tr>
                    <td>
                    <form id="lsy_test_work" name="lsy_test_work" method="post" action="">
                    
                    <!-- 查询区 start -->
                    <div class="demo">
                    <div id="tabsquery">
	                    <ul>
							<li><a href="tabsquery-1">关闭查询区</a></li>
						</ul>
                    
                    <div id="tabsquery-1">
	                    <p><strong>打开查询区</strong>11</p>
	                    <p>22
		                    <table>
		                     <tr>
		                     <td>
					                        作业标题:<input type="text" id="worktitle" value=""/>    <br>
					                        老师:        <input type="text" id="teacher"  value=""/>    <br>
					         课程名称:<input type="text" id="course"  value="">    <br>
					                        学生姓名:<input type="text" id="student"  value="">    <br>
					                        
					                        批改日期:从<input type="text" id="reviewdatefrom"    value="">    <br>
					                        到:<input type="text" id="reviewdateto"    value="">    <br>
					                                    <br>
					                        <input type="button" onclick="querywork()"  value="查询"/>
					             </td>
					             </tr>
					         </table>
				         </p>
			         </div>
			         </div>
			         </div><!-- End demo -->
			         
			         <!-- 查询区 end -->
                    
			         </form>
                    </td>
                 </tr>
                 <tr>
                    <td>
                            <table  id="maindatatable" border="1">
			  <tr>
				<th>作业标题</th>
				<th>老师 </th>
				<th>课程名称</th>
				<th>内容</th>
				<th>学生姓名</th>
				<th>班级名称</th>
				<th>id</th>
			  </tr>
			  <%
			  if(res!=null){
			    for(int i=0;i<res.size();i++){
			    	
			    	Work ww=(Work)res.get(i);
			  %>
			  <tr  onclick="f1(<%=i+1%>)">
				<td><%=ww.getWorktitle() %></td>
				<td><%=ww.getTeacher() %></td>
				<td><%=ww.getCourse() %></td>
				<td><%=ww.getWorkcontent() %></td>
				<td><%=ww.getStudent() %></td>
				<td><%=ww.getClassname() %></td>
				<td><%=ww.getId() %></td>
			  </tr>
			  <%} }%>
			 
			  
			</table>
                    
                    </td>
                 </tr>
            </table>
           
    </td>
    <td>
           <table>
              <form  name="addform" id="addform" action="<%=path%>/work/addwork.action" method=post>
              <table>
				<tr>
				  <td width="30%" align="right">作业标题:</td>
				  <td><input type="text" id="eworktitle" name="work.worktitle" value=""></td>
				  <td width="30%" align="right">老师:</td>
				  <td><input type="text" id="eteacher" name="work.teacher" value=""></td>
				</tr>
				<tr>
				  <td width="30%" align="right">课程名称:</td>
				  <td><input type="text" id="ecourse"  name="work.course"  value=""></td>
				  <td width="30%" align="right">内容:</td>
				  <td><input type="text" id="eworkcontent"  name="work.workcontent"  value=""></td>
				</tr>
				<tr>
				  <td width="30%" align="right">学生姓名:</td>
				  <td><input type="text" id="estudent"  name="work.student"  value=""></td>
				  <td width="30%" align="right">班级名称:</td>
				  <td><input type="text" id="eclassname"   name="work.classname"  value=""></td>
				</tr>
				<tr>
				  <td width="30%" align="right">批改日期:</td>
				  <td><input type="text" id="reviewdate"    value=""></td>
				  <td width="30%" align="right"></td>
				  <td></td>
				</tr>
				
				<tr>
				  <td width="30%" align="right"></td>
				  <td><input type="button" id="exinzeng"  onclick="addwork()" value="新增"></td>
				  <td><input type="button" id="exinzeng"  onclick="delwork()" value="删除"></td>
				  <td><input type="button" id="eedit"  onclick="editwork()" value="提交修改"></td>
				</tr>
	<input type="hidden" id="eid"  value="" />
              </table>
              </form>
            
            
           </table>
    </td>
  </tr>
</table>







<%
  String actiontype="";
  if(request.getAttribute("actiontype")!=null){
	  actiontype=(String)request.getAttribute("actiontype");
  }
%>

<input type="hidden" id="actiontype" value="<%=actiontype %>" />

<script>
//var basepath=$("#basepath").val();
var basepath=document.getElementById("basepath").value;
//alert(basepath);
var len = $("#maindatatable tr td").length;
var thelen=len/6;

function f1(rownum){
	//alert("dddddd");
	var str="#maindatatable tr:eq("+rownum+")";
	document.getElementById("eid").value=$("#maindatatable tr:eq("+rownum+")").children().eq(6).html();
	document.getElementById("eworktitle").value=$("#maindatatable tr:eq("+rownum+")").children().eq(0).html();
	document.getElementById("eteacher").value=$("#maindatatable tr:eq("+rownum+")").children().eq(1).html();
	document.getElementById("ecourse").value=$("#maindatatable tr:eq("+rownum+")").children().eq(2).html();
	document.getElementById("eworkcontent").value=$("#maindatatable tr:eq("+rownum+")").children().eq(3).html();
	document.getElementById("estudent").value=$("#maindatatable tr:eq("+rownum+")").children().eq(4).html();
	document.getElementById("eclassname").value=$("#maindatatable tr:eq("+rownum+")").children().eq(5).html();
	
	
	//alert($("#maindatatable tr:eq(1)").children().eq(1).html());
	//alert($("#maindatatable tr:eq(1)").children().eq(2).html());
	//alert($("#maindatatable tr:eq(1)").children().eq(3).html());
	//alert($("#maindatatable tr:eq(1)").children().eq(4).html());
	//alert($("#maindatatable tr:eq(1)").children().eq(5).html());
	//alert($("#maindatatable tr:eq(1)").children().eq(6).html());
	//alert($(this).html());
	 //alert($(this).text());
}	
	function addwork(){
		var eworktitle=document.getElementById("eworktitle").value;
		var eteacher=document.getElementById("eteacher").value;
		var ecourse=document.getElementById("ecourse").value;
		var eworkcontent=document.getElementById("eworkcontent").value;
		var estudent=document.getElementById("estudent").value;
		var eclassname=document.getElementById("eclassname").value;
		
		/*var url=basepath+"work/addwork.do?worktitle="+eworktitle+
				"&teacher="+eteacher+
				"&course="+ecourse+
				"&workcontent="+eworkcontent+
				"&student="+estudent+
				"&classname="+eclassname;*/
		//document.getElementById("tt").value=url;
		//window.location.href=url;
		document.addform.submit();
	}
	function delwork(){

		var worktitle=document.getElementById("eworktitle").value;
		var teacher=document.getElementById("eteacher").value;
		var course=document.getElementById("ecourse").value;
		var student=document.getElementById("estudent").value;
		
		var workcontent=document.getElementById("eworkcontent").value;
		var classname=document.getElementById("eclassname").value;
		var id=document.getElementById("eid").value;
		
		var url=basepath+"work/delwork.action?worktitle="+worktitle+
		"&teacher="+teacher+
		"&course="+course+
		"&student="+student+
		"&workcontent="+workcontent+
		"&classname="+classname+
		"&id="+id;
		//alert("del--"+url);
		window.location.href=url;
	}
	function editwork(){
		var worktitle=document.getElementById("eworktitle").value;
		var teacher=document.getElementById("eteacher").value;
		var course=document.getElementById("ecourse").value;
		var student=document.getElementById("estudent").value;
		
		var workcontent=document.getElementById("eworkcontent").value;
		var classname=document.getElementById("eclassname").value;
		
		var id=document.getElementById("eid").value;
		
		var url=basepath+"work/editwork.action?worktitle="+worktitle+
		"&teacher="+teacher+
		"&course="+course+
		"&student="+student+
		"&workcontent="+workcontent+
		"&classname="+classname+
		"&id="+id;
		window.location.href=url;
	}
    function querywork(){

		var worktitle=document.getElementById("worktitle").value;
		var teacher=document.getElementById("teacher").value;
		var course=document.getElementById("course").value;
		var student=document.getElementById("student").value;
		
		var url=basepath+"work/querywork.action?worktitle="+worktitle+
		"&teacher="+teacher+
		"&course="+course+
		"&student="+student;
		//alert("查询--"+url);
		window.location.href=url;
	}
    
    
    var actiontype=document.getElementById("actiontype").value;
    if(actiontype=='otherquery'){
    	var url=basepath+"work/querywork.action";
		window.location.href=url;
    }

////////////////////////////////////////////////

$(document).ready(function(){
	//hideCol(1);//隐藏第二列
	//$('table td').find('td:eq(1)').hide();
	//$('table tr').find('td:eq(1)').hide();
	//$('#maindatatable td').find('td:eq(0)').hide();
	//$('#maindatatable tr').find('td:eq(0)').hide();
	
	var len = $("#maindatatable tr td").length;
	var thelen=len/6;
	//var len = $("#mm tr td").length;
	//alert(len/6);
	//alert("表行数"+thelen);
	$("#thelen").val(thelen);
	
	
	$("#reviewdatefrom").change( function () { 
		
		var date1=$("#reviewdatefrom").val();
		var date2=$("#reviewdateto").val();
		
		var url=basepath+"ajaxutil/isrightdate.action?reviewdatefrom="+date1+
		"&reviewdateto="+date2;
		
		alert($("#reviewdatefrom").val()+"\r"+url); 
		
		jQuery.ajax( {  
			        url:url,  
			        type:'post',  
			        async:false,  
			        dataType: "text",
			        //data:'sql='+'hkhkhhhkhk',  
			        success:function(result){
			        	alert("from-----333----"+result); 
			            if(""!=result){  
			                 alert("from---------"+result);  
			            }  
			       }  
			     }); 
	});//end blur
	
	$("#reviewdateto").change( function () { 
		var date1=$("#reviewdatefrom").val();
		var date2=$("#reviewdateto").val();
		
		var url=basepath+"ajaxutil/isrightdate.action?reviewdatefrom="+date1+
		"&reviewdateto="+date2;
		
		alert($("#reviewdateto").val()+"\r"+url);
		
		$.get(url, function(result){
			  alert("Data hhss: " + result);
		});//end get
	
	});//end blur
	
	
	
});//end ready
/////////////////////////////////////////
</script>



 

 

 

在这个例子中private String result;其实是没有用的,我们一般会这样配置

<struts>
 <package name="ajaxutil" extends="json-default" namespace="/ajaxutil">
  <!-- ajaxutil begin -->
  
  <action name="isrightdate" class="org.lsy.test.ajax.action.CompareDateAction" method="isRightDate">
      
       <result name="success" type="json">
           <param name="root">result</param> 
       </result>
  </action>
  
  <!-- ajaxutil end -->
 </package>
</struts>

 

并且ajax这样写:

jQuery.ajax( { 
          
url:url
           type:'post', 
           async:false, 
           dataType: "json",
           //data:'sql='+'hkhkhhhkhk', 
           success:function(result){
            alert("from-----333----"+result);
               if(""!=result){ 
                    alert("from---------"+result); 
               } 
          } 
        });

这样我们把要返回的值指定放到java类的resuest变量中,在xml指定返回成功后去这个参数的值给ajax的

回调函数。

而在我这个例子中,我们继承的是extends="struts-default",没有返回,在java类中返回NONE。

ajax中dataType: "text",这样返回的内容就不是到private String result;了,而是pw.println("Y");

(pw是PrintWriter pw = resp.getWriter();),返回结果用PrintWriter输出给回调函数。

 

 

通过Ajax请求后台数据,返回JSONArray(JsonObject),页面(Jquery)以table的形式展示

点击“会商人员情况表”,弹出层,显示一个表格,如下图: 利用Ajax和Jquery和JSONArray和JsonObject来实现: 代码如下: 在hspersons.html中: ...
  • u013456370
  • u013456370
  • 2017年06月05日 17:03
  • 1636

JQUERY 实现AJAX跨域获取json数据实例

在项目中有时需要跨站点获取相关数据,使用ajax如何实现跨域获取json数据。 Jquery有封装好的实现方法,可以直接使用$.ajax()方法实现,只需要设置jsonp格式等相关变量即可;也可以使...
  • shuanzia
  • shuanzia
  • 2014年12月22日 16:03
  • 5163

Ajax获取SSH框架下JSON对象

1导入包,搭建SSH框架。 导入JQuery的JS包, 导入ECharts的包。 前提你的SSH已经搭好了,数据已经传递到了Struts层。 2在Action层,将数据封装成JSON...
  • sinat_24928447
  • sinat_24928447
  • 2015年10月22日 11:28
  • 3542

MVC-Ajax-jquery分页 (服务器返回一个json数据,客户端解析)

《1》 控制器 using System; using System.Collections.Generic; using System.Data.Entity.Infrastructure; usi...
  • Fanbin168
  • Fanbin168
  • 2015年04月27日 12:17
  • 1123

jQuery/Ajax/PHP/Json 的一个综合例子

转载自:http://blog.csdn.net/zhangking/article/details/3382237   《jQuery/Ajax/PHP/Json 的一个综合例子》   jQuer...
  • sunny_ss12
  • sunny_ss12
  • 2015年06月26日 00:22
  • 782

jQuery/Ajax/PHP/Json 的一个综合例子

jQuery 是一个优秀的 Javascript 框架,对 js 进行了优秀的包装,提供了许多方便的功能。jQuery 对 ajax 的包装也堪称优秀。 jQuery 可以以 json 文件...
  • chaojie2009
  • chaojie2009
  • 2011年10月13日 21:47
  • 647

企业开发中js,Jquery,Ajax和json格式的一个例子

以添加操作为例 1、
  • b671900
  • b671900
  • 2014年04月30日 14:48
  • 675

JQuery发起ajax请求Struts2,并操作JSON数据的例子

  • 2010年04月29日 23:29
  • 105KB
  • 下载

本文简单讲诉jQuery处理json与ajax返回的Json的一个例子

JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“pwd”:”123”},对象的值是键值对的形式(key:value)。  “[]”,标识数组,数组内部各个数据之间通过“,”分割,一...
  • weixin_36219174
  • weixin_36219174
  • 2017年11月10日 09:17
  • 99

struts2+jquery执行ajax并返回json类型数据(源码)

  • 2013年06月21日 15:34
  • 4.5MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery的ajax返回json数据另外一个例子(不继承json-default)
举报原因:
原因补充:

(最多只允许输入30个字)