网站开发

Question

>我使用 JSP n Servlet 开发了一个网站，现在我想让我的网站动态化，就像城市明智的内容应该改变一样(例如，当用户选择某个城市时，我对不同的城市有不同的内容列表 XYZ 我的网站应该只显示特定的 XYZ 城市的内容，其余内容应该隐藏或不应该显示(。如何执行此功能。我正在考虑div隐藏和显示概念，但我在网页中的内容很大，不会影响性能吗？如果不是如何通过示例实现这一目标。如果有任何其他概念，请指导我如何实现此功能。

Answer 1

在我看来，您可以将这些数据存储在数据库中或 json/xml/text 文件中。

然后，当用户选择不同的城市时，您可以加载有关用户选择的内容。

您可以尝试使用Web API，以及Web服务的其他基本知识以及数据库/noSQL。

如果您的显示列表中有多个城市，则加载页面需要很长时间

最后，您应该更改问题标签，问题标题以轻松识别

更新：如果你真的坚持使用javascript来显示/隐藏城市内容，那么你可以尝试我的例子：使用javascript显示/隐藏div

我写了一个简单的(当然不是最优化的(，所以你可以想象它是如何完成的。

var cityList = ["City1", "City2", "City3"];
var citypick = document.getElementById('mySelect');
citypick.onchange= displayFunction;
function displayFunction() {
for(var i =0; i< cityList.length;i++){
var selectCity = document.getElementById(cityList[i]);
if(selectCity.id == citypick.value){
selectCity.style.display = 'block';
}
else{
selectCity.style.display = 'none';
}
}
}