刚学习strut2出现了一个前后台交互的问题

欧少卿 发布于 2014/07/29 11:33
阅读 405
收藏 0

附源码 求大神解答 eclipse上没有报错 网页上显示 POST http://localhost:8080/Demo/JsonActionexcuteAjax

然后就没有了

Html

<%@ page language="java" contentType="text/html; 
charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <script type="text/javascript" src="scripts/jquery-1.8.2.js"></script>  
  <title>struts+ajax返回json类型数据</title>
</head>
<body>
  <div id="div_json">
  <h5>录入数据</h5><br />
  <form action="#" method="post">
    <label for="name">姓名:</label><input type="text" name="name" />
    <label for="age">年龄:</label><input type="text" name="age" />
    <label for="position">职务:</label><input type="text" name="position" />
    <input type="button" class="btn" value="提交结果"/>
  </form><br />

  <h5>显示结果</h5><br />
  <ul>
    <li>姓名:<span id="s_name">赞无数据</span></li>
    <li>年龄:<span id="s_age">暂无数据</span></li>
    <li>职务:<span id="s_position">暂无数据</span></li>
  </ul>
  </div>

  <script type="text/javascript">
	/* 提交结果,执行ajax */
	function btn(){
	        var $btn = $("input.btn");//获取按钮元素
		//给按钮绑定点击事件
		$btn.bind("click",function(){
			$.ajax({
			type:"post",
			url:"JsonAction!excuteAjax",
			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类型
					    $("#s_name").text(""+d.name+"");
						$("#s_age").text(""+d.age+"");
						$("#s_position").text(""+d.position+"");
						
	},
	error:function(){
	alert("系统异常,请稍后重试!");
		}
	});
});
}
	
/* 页面加载完成,绑定事件 */
$(document).ready(function(){			
btn();//点击提交,执行ajax
});
</script>
</body>
</html>


JsonAction

package 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<String,Object> map = new HashMap<String,Object>();
			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;
	}


	
}


xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.1.7//EN"
    "http://struts.apache.org/dtds/struts-2.0.dtd">
<struts>
	
	<package name="demo" extends="struts-default,json-default">
		
		<action name="*JsonAction" method="{1}" class="demo.action.JsonAction">
			<result name="fail"></result>
			<!-- 返回json类型数据 -->
			<result type="json">
				<param name="root">result<!-- result</param>
			</result>
		</action>
		
	</package>
	
</struts>    



以下是问题补充:

@欧少卿:这是借鉴别人的 做的改动 但是显示不出来 (2014/07/29 11:38)
@欧少卿:没有人知道吗? (2014/07/29 13:53)
加载中
0
欧少卿
欧少卿
求大神解答 哪里有问题
0
pantrick
pantrick
你是在考验大家,有什么报错信息早点贴出来,不然没人理你
0
吾同树
吾同树
首先不说这么一大堆代码别人有没有耐心你看,好歹你把代码好好帖出来呀,编辑器中不是有插入代码的功能么。。。
欧少卿
欧少卿
原来如此
0
爱生活_爱JAVA
爱生活_爱JAVA

你是在说提交了,没有输出吧.

ajax返回的数据你要用 out.print()输出出来都可以.

你这样页面是接不到返回值的

欧少卿
欧少卿
是的,页面上只有我error的结果
0
s
sskiand
url:"JsonAction!excuteAjax"(前面是action名,后面是方法名)
0
s
sskiand
action也没有传给页面,应该再加上:response.getWriter().print( result);
s
sskiand
回复 @欧少卿 : 你要先获得response对象啊,HttpServletResponse response = ServletActionContext.getResponse();
欧少卿
欧少卿
回复 @sskiand : 我应该添加在哪里呢 我放进方法里 报错了
s
sskiand
response.getWriter().print( result); 这个就是写回给jsp的
欧少卿
欧少卿
我直接这样不行吗?result = json.toString();用json传
欧少卿
欧少卿
url 我修改过了 action传给页面 这个 我不会
0
Nick_路
Nick_路

Action 里面.. 

private String name  ;
private String age ; 
// getter & setter
为啥要用request.. struts 拦截器都帮你做好了.. 

0
饶飞成
饶飞成

eval("("+data+")");//将数据转换成json类型
这句貌似多此一举吧!当dataType="json"时,jQuery已经帮你完成了字符串到json对象的转换。

另外你把返回json赋给了result,但是没有地方取啊!

欧少卿
欧少卿
那我应该怎么取呢
0
漂泊者及其影子
漂泊者及其影子
json不是这样传回去的 ,你这样传到前台 只会是字符串,方法就不对,最起码json策略不是很好。。。
返回顶部
顶部