获取json数据（从列表到详细信息页面）

-1

我有一个API（https://datatank.stad.gent/4/cultuursportvrijetijd/kunstenplan.json）我有一个从页面上显示的API获取的艺术专题名称列表。（实际上不同的列表按照类别过滤）我想要的是当您点击某个名称时，您可以在单独的页面上获得关于该艺术点的更多信息。我该怎么做呢？这是我的代码片段，它将显示博物馆列表。获取json数据（从列表到详细信息页面）

var list_museums=''; 
     var list_galleries=''; 
     var list_centers=''; 
     var list_offspaces=''; 
     var list_search=''; 
     var item_name=''; 
     var item_location=''; 
     var item_site=''; 
     var item_category=''; 
     var item_info=''; 

     for(var i=0;i<this.cultuurUtilities.length;i++) 
     { 
      var cultuur=this.cultuurUtilities[i]; 

      var museums = cultuur.categorie=="Museum"; 
      var galleries = cultuur.categorie=="galerie"; 
      var centers = cultuur.categorie=="Centrum voor beeldende kunst"; 
      var offspaces = cultuur.categorie=="Off-Spaces"; 
      console.log("cultuur for loop"); 

     if(museums==true){ 
     list_museums+='<div class="museum-item"><li class="li-museums"><img class="museum-img"></img><div class="museum-link"><a href="detailpagina.html">'+cultuur.Naam; 
     list_museums+='</a></div></li></div>';

来源

2017-08-03 Kim Eldarova

尝试向您的问题添加更多信息以增加您的答案机会。我建议阅读[我如何问一个好问题？]（https://stackoverflow.com/help/how-to-ask）。 –

我想要的是，当你点击一个名字，你会得到一个单独的页面

我想你的意思是打开一个新窗口/标签上关于艺术现货的更多信息？你可以用不同的方式完成这个工作：

1）在可点击的元素上添加“onclick”监听器，并写入要调用的函数。在它里面，你可以使用“window.open”函数打开一个新窗口（它默认打开一个新窗口，所以你可以传递第二个参数来指定新窗口/选项卡必须处理的帧，因为你可能会想要在新标签中打开页面，而不是新窗口。请检查docs here）。它返回它的句柄，所以你可以写入它，就像你通常在你的页面中做的一样。例如：

var mywindow = window.open("path_to_follow"); 
// The first parameter is optional. By removing it, it will give you a blank page 

mywindow.document.write("<h3>My Selected Museum</h3>"); 
<< bunch of other instructions >>

2）使用与“href”属性和作为GET参数传递所选择的项目标识符的锚定标记。例如：

<a target="_blank" href="path_to_follow/display_page?museum_id=dinamically_set_id">Click Here to open</a>

在你的“display_page”（只要你喜欢，你可以将其命名）您管理使用一些服务器端语言（如PHP，Java的，等...），以准备“存根”并使用我们之前说过的博物馆标识符填写选定的博物馆信息。

如果您需要更多信息，只需评论！

来源

2017-08-03 13:08:54 FonzTech

我的意思是说，例如，当你在/museums.html（从json数据生成的列表）中，并且你点击一个博物馆时，它会转到/details.html（已经有那个页面），它列出了关于这个的所有细节博物馆！ –

我看起来更好看你的代码，我发现你写的是''。您必须拥有所有博物馆的详细信息页面，而不是“detailpagina.html”。所以你需要一些参数来完全识别它们（这个名字我认为在这种情况下是可以的）。所以，你可以这样追加：“details_”+ my_json_data.museum_name +“.html”。当然，该页面必须存在！ – FonzTech

获取json数据（从列表到详细信息页面）

回答

相关问题