我目前正在研究spring框架。我在abc.jsp页上有一个按钮,该按钮将GET请求发送到我的控制器。控制器调用DAO中的方法,并返回一个包含数据的列表,并将其转发到def.jsp。单击按钮时,有没有一种方法可以直接在abc.jsp上显示数据表。在我的研究中,我发现AJAX是一种实现方法。我以前没有使用过AJAX,我不确定如何使用它,因为我需要获取列表。任何帮助,将不胜感激。我在下面附上了我的代码的必要摘要。提前致谢,
abc.jsp
<form action="abcd" method="get">
<button type="submit" onclick="startSpin()">Items in ABCD</button>
</form>
控制器代码
@Controller
@RequestMapping("application")
public class ApplicationController {
@Autowired
AppDAO AppDAO;
private static final Logger LOGGER = LoggerFactory.getLogger(MasterDataObjectEntityController.class);
@RequestMapping (value="/abcd",method=RequestMethod.GET)
public String getItemsInABCD(ModelMap map, HttpServletRequest req){
LOGGER.info("ApplicationController :: ");
try {
map.addAttribute("ItemsInABCDList", AppDAO.getItemsInABCDList());
} catch (SQLException e) {
LOGGER.error("ApplicationController :: getItemsInABCDList:: SQLException ::"+e.getMessage());
}
return "def"; <-- goes to def.jsp
}
}
def.jsp
<table class="table table-bordered table-striped table-hover"
id="mytable" style="width: 95%;">
<thead>
<tr style="font-weight: bold;">
<td>col 1</td>
<td>col 2</td>
</tr>
</thead>
<tbody>
<c:forEach var="myvar" items="${ItemsInABCDList}">
<tr>
<td>${myvar.itemNumber}</td>
<td>${myvar.itemName}</td>
</tr>
</c:forEach>
</tbody>
</table>
<script type="text/javascript">
var mytable= null;
$(document).ready(function() {
mytable= $('#mytable').dataTable(
{
//columnDefs: [ { orderable: false, targets: [0] }]
columnDefs: [{
targets: "datatable-nosort",
orderable: false
}]
});
$('[data-toggle="tooltip"]').tooltip();
});
</script>
您需要在代码中进行一些小的更改。如果可行。您可以使用Javascript函数通过POST / GET调用Axaj请求
使用请求网址(即abcd)调用createAjaxRequest函数,并指定您的回调函数名称(即yourCallbackFuncationName)
createAjaxRequest("abcd",yourCallbackFuncationName);
function createAjaxRequest(requestURL,callbackFuncation){
var xmlhttp;
startStopLoader(true);
if (window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
} else {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 ){
if(xmlhttp.status == 200){
try{
callbackFuncation(xmlhttp.responseText);
}catch(e){
}
}
}
}
xmlhttp.open("GET",requestURL,true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
}
function yourCallbackFuncationName(response) {
// you can manupulate your list stored in response variable
// you can generate your tr/td here and put it back in your main
table using innerHTML
}
并且您需要在Java文件中使用@ResponseBody并返回项目列表。看起来像下面的代码
@RequestMapping (value="/abcd",method=RequestMethod.GET)
@ResponseBody
public ItemsInABCDListBean getItemsInABCD(ModelMap map, HttpServletRequest req){
LOGGER.info("ApplicationController :: ");
try {
ItemsInABCDListBean ItemsInABCDList = AppDAO.getItemsInABCDList();
} catch (SQLException e) {
LOGGER.error("ApplicationController :: getItemsInABCDList:: SQLException ::"+e.getMessage());
}
return ItemsInABCDList; // returns List you want to show
}
希望这会帮助你。它可能是您的应用程序的通用代码
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句