Jquery异步请求Action返回JSON

页面导航:首页 > 网络编程 > JavaScript > Jquery异步请求Action返回JSON

Jquery异步请求Action返回JSON

来源: 作者: 时间:2016-02-03 09:20 【

转载请注明出处:jiq?钦 s technical Blog最近在自己写分布式注册中心的Web管理界面,需要点击左边树节点时,请求后台Action查询该节点的详细数据,然后异步刷新右边的节点信息区域。异

转载请注明出处:jiq?钦's technical Blog

最近在自己写分布式注册中心的Web管理界面,需要点击左边树节点时,请求后台Action查询该节点的详细数据,然后异步刷新右边的节点信息区域。

异步刷新用了Jquery对Ajax的封装:

function zTreeOnClick(event, treeId, treeNode) {
        $.ajax({
            type: "POST",
            url: "Config.action",
            data: "",
            dataType: "json",
            success: function(data) {            	
            	alert(eval("("+data.result+")").word);
                //$("#configInfo").load("nodeInfo.");
            	//$("div .configInfo").html(responseText);
            },
            error: function() {
            	$("#configInfo").load("error.jsp");            	
            }
        }); 
    };

Action写成这样:

@SuppressWarnings("serial")
public class ConfigManageAction extends ActionSupport
{
	private String result;
	
	@Override
	public String execute() throws Exception
	{
		Map map = new HashMap();
        map.put("word", "word_A");
        map.put("wordcount",33);     
        JSONObject json = JSONObject.fromObject(map);
        this.result = json.toString();//给result赋值,传递给页面 
		return SUCCESS;
	}


	public String getResult() {
		return result;
	}

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

struts.xml配置:






    
    

    
    
    	D4KPHA+PGltZyBzcmM9"http://www.2cto.com/uploadfile/Collfiles/20150125/20150125094621231.png" alt="\">


然后再网上查到能够解析的json应该是这样:{"key1':'value1'},并且用形如:

var obj = eval( "(" + strJSON + ")" );//转换后的JSON对象
alert(obj.name);//json name

这样的方式来解析,一看我的返回的json,发现多了一个result,所以按照这样方式解析就行了:

alert(eval("("+data.result+")").word);

Tags:

相关文章

    文章评论

    最 近 更 新
    热 点 排 行
    Js与CSS工具
    代码转换工具
    
    <