jQuery json与Spring结合

本文介绍了一种使用Ajax技术从服务器动态加载学生信息列表的方法。通过JavaScript和jQuery库实现页面的局部更新,避免了整个页面的重新加载,提高了用户体验。同时展示了如何配置服务器端action来响应Ajax请求并返回JSON格式的数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >



<script language="javascript" type="text/javascript"
src="/7e/js/util/jquery.js"></script>
<!-- 添加jquery调用action -->
<script type="text/javascript" language="javascript">
$(document).ready(
function() {


$.ajax({

url: "/7e/s/ajaxFindAllStudents.action",
type: "POST",
dataType:"json",
success: function(data){
/* alert(data); */
$.each(data.studentList,function(i,value){
$("#ajaxtest").append("<table><tr><td>"+value.uid
+"</td><td>"+value.username+"</td><tr></table>"
);
});


},
error:function(){
alert("失败");
}
});
});
</script>
</head>
<body>
<div id="ajaxtest">

</div>






<package name="student" extends="json-default" namespace="/s">


<action name="ajaxFindAllStudents" class="studentAction" method="findAllStudent">
<result type="json">
<param name="excludeProperties">stdCourseService,studentService,courseservice,frontcoursebuy
</param>
</result>
</action>
</package>


----------------------------------------------------------action.java
@Data
private String studentList ;
private List<Map> frontcoursebuy;
private IStdCourseService stdCourseService;
private IStudentService studentService;
private ICourseservice courseservice;
public String findAllStudent() {

studentList = studentService.findAllStudent();

return SUCCESS;

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值