我的控制器:AJAX获取从Spring MVC控制器数据
@RequestMapping(value = "jobs")
public void removeJobs(@RequestParam("username") String username, Model model) {
String []jobs = jobsFetcher(username);
model.addAttribute("list", jobs);
}
我的jsp中:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link type="text/css" rel="stylesheet"
href="<c:url value="public/files/styles/jobManager.css" />" />
<script type="text/javascript">
function ajaxFunction(username) {
var xmlhttpReq = crossBrowserAjaxObject();
if (xmlhttpReq) {
xmlhttpReq.open("get", "jobs", true);
xmlhttpReq.onreadystatechange = handleServerResponse(xmlhttpReq);
xmlhttpReq.setRequestHeader('Content-Type',
'application/x-www-form-urlencoded');
xmlhttpReq.send("username=" + username);
}
}
function crossBrowserAjaxObject() {
var xmlhttp;
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlhttp;
}
function handleServerResponse(xmlhttpReq) {
//var xmlhttp = new XMLHttpRequest();
return function() {
alert(xmlhttpReq.readyState);
if (xmlhttpReq.readyState == 4 && xmlhttpReq.status == 200) {
alert(xmlhttpReq.responseText); // this is ok
// HERE HOW DO I GET THE MODEL OBJECT AS A RESPONSE COMMING FROM SERVLET &
// USE IN MY JSP FILE ?
}
};
}
</script>
</head>
<body>
<div>
<div class="leftDiv">
<a href="#" onclick="ajaxFunction('JAMES')">JAMES</a>
<a href="#" onclick="ajaxFunction('David')">David</a>
<a href="#" onclick="ajaxFunction('Catrina')">Catrina</a>
<a href="#" onclick="ajaxFunction('Cathy')">Cathy</a>
<a href="#" onclick="ajaxFunction('Paul')">Paul</a>
</div>
<div class="rightDiv">
<!-- HOW DO I GET THE JOB LIST & USE IT HERE USING MY AJAX ? -->
<c:forEach items="???" var="task">
<p>${task}</p>
</c:forEach>
</div>
</div>
</body>
</html>
现在,正如我的图片里面提到的,我想我的右div元素变化时我点击员工而不刷新整个页面。
我唯一不知道的是当xmlhttpReq.responseText返回给我时,我该如何获取使用Ajax进行一系列作业的modelelement &用它来渲染页面...
换句话说,在Ajax调用&使用Ajax本身来制作我的页面后,我将如何从控制器中获取参数?
你有任何想法或建议,或可以帮助我通过这个?
(顺便说一下,这些代码还没有进行测试!)
我看到了,看起来不错,也很有帮助,但它没有涵盖我的主要问题。我想知道如何在ajax请求之后使用来自控制器的模型属性并在jsp页面中使用它? – Mehdi 2013-05-14 12:24:42
除非您返回新的模型和视图(它将打开一个新页面),否则不能将模型与ajax请求一起使用。哪个有点击败ajax的重点。 – NimChimpsky 2013-05-14 12:25:08
你能解释一下吗?或者向我展示任何涵盖AJAX和Servlet之间关系的规范? – Mehdi 2013-05-14 12:35:25