javascript - 如何从春天获得参数?(其余 Javascript)
问题描述
我在将错误返回到 html 时遇到问题。所以,我有带有“sql 解释器”的网络应用程序。
HTML
<button type="submit" onclick="executeSQL('interpreterSQL')">
<i class="fas fa-bolt"></i>
</button>
<textarea id="interpreterSQL" placeholder="❔❔❔"></textarea>
在解释器中输入查询后,我在 javascript 中运行 POST 并拍摄到 spring:
在 JavaScript 中发布
function executeSQL(interpreterSQL) {
var tmp = document.getElementById(interpreterSQL).value;
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// Typical action to be performed when the document is ready:
var response = xhttp.responseText;
console.log("ok"+response);
}
};
xhttp.open("POST", "/user/executeSQL", true);
xhttp.send(tmp);
}
之后,我在我的服务中处理查询并将消息返回到我的控制器中的 POST:
控制器(春季发布)
@PostMapping(path = { "/user/executeSQL" })
public ModelAndView executeSQL(@RequestBody String tmp) {
String[] split = tmp.replace("\n", "").replace("\t", "").split(";");
String feedback = databaseTableService.executeSQL(split);
ModelAndView modelAndView = new ModelAndView();
modelAndView.addObject("successMessage", feedback);
modelAndView.setViewName("/user/interpreterSQL");
return modelAndView;
}
用于执行本机查询的服务
public String executeSQL(String[] split){
SessionFactory hibernateFactory = someService.getHibernateFactory();
Session session = hibernateFactory.openSession();
String message = null;
for (int i = 0; i < split.length; i++) {
try{
String query = split[i];
session.doWork(connection -> connection.prepareStatement(query).execute());
message = "Success";
}
catch(Exception e){
message = ((SQLGrammarException) e).getSQLException().getMessage();
}
}
session.close();
return message;
}
所以最后我们在我的控制器中准备返回值,并且我们有消息,其中包含有关 sql 异常的信息。我们在那里:
这是我的问题:如何获得可变的“反馈”作为回应?
但是“var response = xhttp.responseText”正在返回我所有的 HTML 代码。我只需要控制器的参数“反馈”。伙计们可以帮忙吗?:(我不知道如何发送该参数作为回报并在javascript中处理它......
解决方案
也许您可以更改您的 Controler 方法以返回 JSON 响应而不是ModelAndView
@PostMapping(path = { "/user/executeSQL" })
public ResponseEntity<Object> executeSQL(@RequestBody String tmp) {
String[] split = tmp.replace("\n", "").replace("\t", "").split(";");
Map<String,String> response = new HashMap<String, String>();
response.put("feedback", databaseTableService.executeSQL(split));
return new ResponseEntity<>( response , HttpStatus.OK);
}
现在您应该能够看到状态
var response = xhttp.responseText;
console.log("ok"+response);