struts2整合JSON,JQuery 实现ajax功能

4月我使用到了 struts2 整合JQuery 开发要求实现一部数据的获取我写了一个例子不知道合不合适有不妥

请大家指出并修改

首先是html中的脚本 JQuery 在此使用$.ajax(function(){ .......})方法但如果有特别的需求也可以使用别的方法

比如：$.get(url,[data],[callback]) , $.getJSON(url,[data],[callback]) 等等都可以该参数我就不详细阐述了参照jquery API文档

ajax 脚本如下 :

$(function() {
		
		$.ajax({
			url : "ajax/queryUnitShippingOrderAjax.action",
			type : "post",
			dataType : "json",
			success : function(data,textStatus) {
			for(var i=0;i<data.length;i++){
		 		$("#ut1").append("<option value='"+data[i].id+"'>"+data[i].unit+"</option>");
		 		$("#ut2").append("<option value='"+data[i].id+"'>"+data[i].unit+"</option>");
		 		$("#ut3").append("<option value='"+data[i].id+"'>"+data[i].unit+"</option>");
		 		$("#ut4").append("<option value='"+data[i].id+"'>"+data[i].unit+"</option>");
		 		}
			},
			error :  function(xhr, textStatus, errorThrown) {
					alert(textStatus + ":" + errorThrown);
			}
		});
});

$.ajax([options])参数参照API文档查看这里我讲一下数据获取

在ajax 和服务器端交互数据的时候通常情况下

使用的是以json数据格式的传输如: username:张三 password:123 冒号前是键后是值

你可以在dataType参数设置为Json 格式也可以是xml 格式都可以依照您的使用习惯

如果你返回的是一个list集合而function(data,textStatus) {}是一个回调函数 data则是你获取到的list集合对象

textstatus则是获取数据的状态和信息

第二步: 就是在struts.xml 文件中添加ajax Action以及方法

注意的是 :<package name="ajax" extends="json-default" namespace="/ajax">

extends 拓展是拓展struts-json插件必须导入该插件包和

<package name="default" extends="struts-default" namespace="/">不一样

		<action name="queryUnitShippingOrderAjax" method="queryUnitShippingOrderAjax"
			class="shippingOrderAction">
			<result name="success" type="json">
				<param name="root">unitList</param>
			</result>
		</action>
。。。。。。。

添加action

第三步:

	public String queryUnitShippingOrderAjax() throws ActionException {
		unitList = unitService.getUnits();
		return SUCCESS;
	}

这样就完成了一个struts2 整合 Json jquery 的ajax功能

struts2整合JSON,JQuery 实现ajax功能

猜你喜欢