struts2 ajax html,Struts2+Jquery实现ajax并返回json类型数据

网上看到不少关于Struts2+ajax+jquery+json的例子，可是不少都不完整，也看不明白，主要缘由是返回jsno类型数据和原来的返回字符串类型数据不同，而且网友们实现步骤没有说清楚，让初学的朋友捉摸不透到底该怎么作。 javascript

我作了个简单的demo，供网友们学习，最后我会附上连接，能够下载整个demo. css

首先须要的包(struts核心包和json须要的包)： html

struts核心包： java

json须要的包： jquery

commons-logging-*.jar在导入struts核心包的时候就导入了，因此导入json包的时候能够去掉这个包 ajax

页面效果： apache

json_demo.jsp页面(该页面引用了jquery文件，我用的版本是jquery-1.8.2.js，若是使用版本不一样，请自行修改)： json

pageEncoding="UTF-8"%>

Simpleton Demo | struts+ajax返回json类型数据

录入数据

姓名：

年龄：

职务：

显示结果

• 姓名：赞无数据
• 年龄：暂无数据
• 职务：暂无数据

/* 提交结果，执行ajax */

function btn(){

var $btn = $("input.btn");//获取按钮元素

//给按钮绑定点击事件

$btn.bind("click",function(){

$.ajax({

type:"post",

url:"excuteAjaxJsonAction",//须要用来处理ajax请求的action,excuteAjax为处理的方法名，JsonAction为action名

data:{//设置数据源

name:$("input[name=name]").val(),

age:$("input[name=age]").val(),

position:$("input[name=position]").val()//这里不要加"," 否则会报错，并且根本不会提示错误地方

},

dataType:"json",//设置须要返回的数据类型

success:function(data){

var d = eval("("+data+")");//将数据转换成json类型，能够把data用alert()输出出来看看究竟是什么样的结构

//获得的d是一个形如{"key":"value","key1":"value1"}的数据类型，而后取值出来

$("#s_name").text(""+d.name+"");

$("#s_age").text(""+d.age+"");

$("#s_position").text(""+d.position+"");

},

error:function(){

alert("系统异常，请稍后重试！");

}//这里不要加","

});

});

}

/* 页面加载完成，绑定事件 */

$(document).ready(function(){

btn();//点击提交，执行ajax

});

JsonAction.java代码 eclipse

package com.simpleton.demo.action;

import java.util.HashMap;

import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import net.sf.json.JSONObject;

import org.apache.struts2.interceptor.ServletRequestAware;

import com.opensymphony.xwork2.ActionSupport;

public class JsonAction extends ActionSupport implements ServletRequestAware{

private static final long serialVersionUID = 1L;

private HttpServletRequest request;

private String result;

public void setServletRequest(HttpServletRequest arg0) {

this.request = arg0;

}

public String getResult() {

return result;

}

public void setResult(String result) {

this.result = result;

}

/**

* 处理ajax请求

* @return SUCCESS

*/

public String excuteAjax(){

try {

//获取数据

String name = request.getParameter("name");

int age = Integer.parseInt(request.getParameter("age"));

String position = request.getParameter("position");

//将数据存储在map里，再转换成json类型数据，也能够本身手动构造json类型数据

Map map = new HashMap();

map.put("name", name);

map.put("age",age);

map.put("position", position);

JSONObject json = JSONObject.fromObject(map);//将map对象转换成json类型数据

result = json.toString();//给result赋值，传递给页面

} catch (Exception e) {

e.printStackTrace();

}

return SUCCESS;

}

}

struts.xml中 jsp

/p>

"-//Apache Software Foundation//DTD Struts Configuration 2.1.7//EN"

"http://struts.apache.org/dtds/struts-2.0.dtd">

result

这样就能够完成一个简单json数据类型传递的demo了。

下面附上源码文件(百度网盘)，基于eclipse开发，导入便可运行(2016-4-9 更新了可用连接)：http://pan.baidu.com/s/1jIct3aI