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;

	}