这是另外的一种方式,不是在后台使用 response.getWriter()把对象传到前台中。
以下是我今天上午的成果,希望和大家分享!(SSH三大框架集成配置就不说了)
实现步骤:
1:导入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;
}
}
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>
<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>
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>
<table>
<tr>
<td>用户名</td>
<td>密码</td>
<td>地址</td>
<td>班级</td>
</tr>
</table>
主要代码就这些,在这里要谢谢一个匿名的朋友(在都不认识的情况,有耐心的远程帮我调试bug长达1小时以上)。
希望能够帮到大家,谢谢!