Question

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

    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>';

Answer 1

我想要的是当您点击名称时，您会在单独的页面上获得有关该艺术点的更多信息

我认为你的意思是打开一个新窗口/标签？您可以通过不同方式完成此任务：

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等......）来准备页面的“存根”，并填写选定的博物馆信息，使用我们之前说过的博物馆标识符。

如果您需要更多信息，请发表评论！

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

1 个答案: