使用jQuery解析JSON数据

1.action

 

/**测试json的方法
  * @return
  */
 public String Query() {
  Gson json = new Gson();
     list = biz.queryAll();
  String str = json.toJson(list);
  this.setMessage(str);
  return "Ajax-gson";
 }

2.struts.xml

 

 <result name="Ajax-gson">Ajax-gson.jsp</result>

 

3.

Ajax-gson.jsp

 

${message }

 

demo.jsp

 

javascript

<script src="jquery/jquery.js"></script>.

function loadInfo() {
    $.getJSON("要提交的路径", function(data) {
        $("#info").html("");//清空info内容
        $.each(data, function(下标(任何字母都行), 内容(任何单词都行)) {
            $("#info").append(
                    "<div>" + 内容.属性 + "</div>" +
                    "<div>" + 内容.属性    + "</div>" +
                    "<div>" + 内容.属性 + "</div><hr/>");
        });
        });
}
</script>

html

<a  href="#" onclick="loadInfo();">
 获取
</a>
<span id="info">
sss
</span>