Struts2+ajax+json整合简介

一、要准备好jar包,不要小看这一步,万事开头难。。总结起来有以下两种搭配。

1.   xwork-core-2.1.6.jar和struts2-json-plugin-2.1.8.jar。如果你想使用struts2-json-plugin-2.1.8.jar这种支持方式,你的xwork-core-*.jar不能选择2.2.1及以上版本,因为xwork-core-*.jar的2.2.1及以上版本中没有了org.apache.commons.lang等包。启动tomcat的时候会出现:java.lang.NoClassDefFoundError: org.apache.commons.lang.xwork.StringUtils。

 

2.   xwork-2.1.2.jar和jsonplugin-0.34.jar。如果想用jsonplugin-0.34.jar这种支持方式,那需要切换你的xwork-core-*.jar为xwork-2.1.2.jar。因为jsonplugin-0.34.jar需要com.opensymphony.xwork2.util.TextUtils

这个类的支持。而xwork-core-*.jar的2.2.1以上版本均为找到该类,且在xwork-core-2.1.6.jar中也没有该类。


二、下面看下action是啥吧。

public String editProblem(){
		question=(Question) this.getSession().get("QUESTION_INFO");
		this.pid=String.valueOf(question.getId());
		question.setContent(this.newContent);
		question.setModifyDateTime(this.getCurrentDate());
		showProblemsLogic.updateProblem(question);//更新数据库记录		
		return SUCCESS;
	}
很简单,是个编辑问题的方法,笔者正在做一个互动问答平台,用户在提问之后,还可以编辑自己的问题。
上面就是实现这个功能的action代码。可以注意到,这个action里面有很多属性,我们需要让它变成json形式的只有一个属性,就是

newContent所以struts.xml可以只有写。

 <action name="editProblem" class="problemsAction" method="editProblem">
          	<result name="input">/problems.jsp</result>
          	<result type="json">
          		<param name="includeProperties">newContent</param> 
          	</result>          	       
  </action> 
把type设置为json,includeProperties这个参数的配置对应的是下面这段ajax提交代码中的data,如果data需要更多的内容,则可以在

includeProperties参数里面添加更多的属性。

<script>
$(document).ready(function(){   
	$("#edit_content_button").click(function() {     	   
		var params = $("#edit_form").serialize();//讲指定表单中的参数转换为查询字符串
		//使用jQuery中的$.ajax({});Ajax方法
		$.ajax({
			url:"editProblem",//这个是对应的action名称
			type:"POST",
			data:params,
			dataType:"json",
			success:function(data){	ajax请求提交成功后的回调函数						
				$("#qcontent").css("display","none");
				$("#newqContent").empty();
				$("#newqContent").append(data.newContent);				
				$(‘#edit_form‘).toggle();
				alert("修改成功!");
			},
			error:function(data){
				alert(arguments[1]);
			}
		});
    });
});
</script>
这样,整合就算初具规模了,可以实现页面无刷新的表单提交了~



郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。