我正在使用Spring MVC和Javascript编写example.jsp文件。
我已经被这个问题卡了很久。
是否有可能在不刷新整个页面的情况下,使用Javascript从数据库加载新数据到HTML表格中?
我只是不希望在某些事件加载新数据到表格时整个页面被替换。
我正在使用Spring MVC和Javascript编写example.jsp文件。
我已经被这个问题卡了很久。
是否有可能在不刷新整个页面的情况下,使用Javascript从数据库加载新数据到HTML表格中?
我只是不希望在某些事件加载新数据到表格时整个页面被替换。
var successHandler = function( data, textStatus, jqXHR ) {
// After success reload table with JavaScript
// based on data...
};
var errorHandler = function( jqXHR, textStatus, errorThrown ) {
// Error handler. AJAX request failed.
// 404 or KO from server...
alert('Something bad happened while reloading the table.');
};
var reloadData = function() {
// Process your request
var request = new Object();
request.id = 'some id'; // some data
// Make the AJAX call
jQuery.ajax({
type : 'POST',
url : 'http://domain/context/reload-data-url',
contentType: 'application/json',
data : JSON.stringify(request)
success : successHandler,
error : errorHandler
});
};
当您需要重新加载表格时,请调用reloadData()
函数。
您正在使用Spring MVC。那么您的控制器应该如下所示:
// Spring MVC Controller
@Controller
public class ReloadDataController {
// Request Mapping
@RequestMapping(value = '/reload-data-url', method = RequestMethod.POST)
@ResponseBody
public ResponseEntity<String> processReloadData(@RequestBody String body) {
// Get your request
JSONObject request = new JSONObject(body);
String id = request.getString("id"); // Here the value is 'some id'
// Get the new data in a JSONObject
JSONObject response = new JSONObject();
// build the response...
// Send the response back to your client
HttpHeaders headers = new HttpHeaders();
headers.add("Content-Type", "application/json; charset=utf-8");
return new ResponseEntity<String>(response.toString(),
headers, HttpStatus.OK);
}
}
你不一定要使用JSON,但我认为这是最好的方式。希望这能帮到你。
我也曾经遇到过这个问题,后来我终于找到了这个解决方案,它使用了ModelAndView
。请看一下这个解决方案,它可能有用:无需重新加载页面更新Thymeleaf表格。
虽然我的回答有些晚了,但也许对某些人会有所帮助......