gpt4 book ai didi

javascript - 刷新 JSP 变量而不重新加载页面

转载 作者:搜寻专家 更新时间:2023-11-01 03:49:39 25 4
gpt4 key购买 nike

在我的网络应用程序中,我使用 Java 作为后端。在网页上用户可以选择、删除或编辑一个/多个服务器。有关这些服务器的信息是从服务器读取的。 Java Controller 将 JSON 文件发送到 JSP 页面,其中包含要显示的服务器信息。

@RequestMapping(value = "/configurations.html", method = RequestMethod.GET) public ModelAndView chooseServers(ModelMap model) throws Exception {
try {
//reads objects from configuration and sends to the web page as JSON file.
String result = mapper.writeValueAsString(servers);
System.out.println(result);
model.addAttribute("serversList", result);
} catch (Exception e) {
e.printStackTrace();
}
return new ModelAndView("configurations"); }

数据保存到变量如下:

<html ng-app="homepage">
<head>...</head>
<body id="body" data-serversList='${serversList}' id="configurationsPage">
...</body>
</html>

我在 JS 中读取这些数据如下:

var items = new Array();
var main = function(){
var information = $("body").attr("data-serversList");
var serversJson = JSON.parse(information);
for (var i = 0; i < serversJson.list.length; i++){
items.push({id: serversJson.list[i].id, text: serversJson.list[i].name});
}
}
$(document).ready(main);

这是我在服务器端更新数据的方式:

$.ajax({
url: 'addServer.do',//the value of SpringMVC controller
data: ({serverObjectString : serverObjectString})
});

用户更改服务器、删除、添加或编辑其中任何一项后,数据将在服务器端重新加载。但在用户方面它保持不变,除非我刷新。但我使用的是 AngularJS,这就是我进退两难的原因 - 如何将所有逻辑保持在同一个 JSP 上,但重新加载

data-serversList='${serversList}'

不刷新页面?或者有没有其他方法可以解决这个问题?

最佳答案

您正在寻找异步 JavaScript 和 XML AKA Ajax .可以使用纯 JavaScript 或任何第三方 JavaScript 库(如 JQuery)实现。

关于javascript - 刷新 JSP 变量而不重新加载页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31917876/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com