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

     这是另外的一种方式,不是在后台使用 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小时以上)。
   希望能够帮到大家,谢谢!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值