您的位置:首页 > Web前端 > JQuery

SSH三大框架集成中,使用jQuery框架 Ajax技术返回json格式的数据(二)

2013-05-26 14:47 741 查看
     这是另外的一种方式,不是在后台使用 response.getWriter()把对象传到前台中。

    以下是我今天上午的成果,希望和大家分享!(SSH三大框架集成配置就不说了)

    实现步骤:

1:导入jar包

       

这些jar包一个都不能少。
 2:编写Action中的代码(主要代码如下)
    public class StudentAction extends ActionSupport {

    private StudentBiz sb=null;

    private Student student;

    private String result;//使用json格式的字符串数据
public Student getStudent() {
return student;
}
public void setStudent(Student student) {
this.student = student;
}
public String getResult() {
return result;
}
public void setResult(String result) {
this.result = result;
}
public void setSb(StudentBiz sb) {
this.sb = sb;
}
public String loadAllStudent()
{
List<Student> lists=sb.getStudents();
System.out.println(lists.size());

  JSONArray jb=JSONArray.fromObject(lists);//将list集合对象转成JSONArray类型

  result=jb.toString();//转成String类型的,这个result的字符串对象要定义成全局的,还要在struts.xml中配置(具体看下面)
return SUCCESS;
}

}    
 3:配置struts.xml(主要代码如下)

<package name="shh" namespace="/" extends="json-default">
 //这个json-default是基础struts-default,所以里面配置不是ajax请求过来的action也可以

        <action name="loadAllStudent" class="studentAction" method="loadAllStudent">

             <result name="success" type="json">

                 <param name="root">result</param>//这里面的result对象Action里面的那个是私有字符串对象result

             </result> 

         </action>  
</package>

4:写jsp页面(主要代码如下)
    <script type="text/javascript"
src="js/jquery-1.7.js"></script>//建议jquery框架的版本越高越好,版本在1.4以下的不要用了

    <script type="text/javascript">
    $(document).ready(
function()
{
$("#getAllId").bind("click",function()
{
$.post("loadAllStudent",function(data)
{
var $data=$.parseJSON(data);
$("table:last tr:not(:first)").remove();
for(var i=0;i<$data.length;i++)
{
var $tr=$("<tr></tr>");
var $tdn=$("<td></td>");
var $tdp=$("<td></td>");
var $tda=$("<td></td>");
var $tdc=$("<td></td>");
$tdn.text($data[i].name);
$tdp.text($data[i].password);
$tda.text($data[i].address);
$tdc.text($data[i].classes.name);
$tr.append($tdn);
$tr.append($tdp);
$tr.append($tda);
$tr.append($tdc);
$tr.appendTo($("table:last"))
}
},'json')
});
}
  )
</script>
下面是jsp中body中的主要代码
         <input type="button" id="getAllId"
value="获得所有注册学生列表"/>

        <table>

             <tr>

                <td>用户名</td>

                <td>密码</td>

                <td>地址</td>

                <td>班级</td>

             </tr>

        </table>
   主要代码就这些,在这里要谢谢一个匿名的朋友(在都不认识的情况,有耐心的远程帮我调试bug长达1小时以上)。
   希望能够帮到大家,谢谢!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐