Javascript 创建用于链接到从数据库提取的数据的唯一URL

Javascript 创建用于链接到从数据库提取的数据的唯一URL,javascript,html,sql,google-maps,maps,Javascript,Html,Sql,Google Maps,Maps,是否可以创建一个唯一的URL链接到从数据库调用和显示的信息 [我正在努力阐明这个问题,因此欢迎提出任何修改建议。] 具体说明:我有一个页面,其中包括一个嵌入式地图和存储在单独数据库中的每个位置的相关信息。用户可以通过单击地图上的标记或使用侧边栏中的导航按钮在各个位置导航。任何一种情况都会放大标记,并在侧边栏中显示有关位置的信息。所有这些都可以很好地工作,但是因为信息只是放在div中,所以无论显示什么,页面的URL总是相同的 我希望能够创建和共享链接到各个位置,这将打开地图中选择的点和边栏中显示的

是否可以创建一个唯一的URL链接到从数据库调用和显示的信息

[我正在努力阐明这个问题,因此欢迎提出任何修改建议。]

具体说明:我有一个页面,其中包括一个嵌入式地图和存储在单独数据库中的每个位置的相关信息。用户可以通过单击地图上的标记或使用侧边栏中的导航按钮在各个位置导航。任何一种情况都会放大标记,并在侧边栏中显示有关位置的信息。所有这些都可以很好地工作,但是因为信息只是放在div中,所以无论显示什么,页面的URL总是相同的

我希望能够创建和共享链接到各个位置,这将打开地图中选择的点和边栏中显示的信息

我使用javascript函数调用数据库中的信息。下面是该代码的简化版本:

<a href="#" onClick='callMarker(markerNum);'>Click Me</a> 

function callMarker(markerNum) {
        var sql = new data.SQL({ user: 'me' });
        var sql_query = "SELECT * FROM map_name WHERE marker_id = " + markerNum;
        sql.execute(sql_query)
        .done(function(data) {
            console.log(data.rows[0]);

            var title = data.rows[0].title;

            // Displays the ID of the object in the external information box
            document.getElementById("title").innerHTML= data.rows[0].title;
}
由于每个位置都在数据库中标记了一个唯一的ID号标记_ID,因此似乎可以将其附加到当前URL的末尾,以创建与每个点关联的唯一URL。或者ID号标记_ID可以作为页面内的变量分配给div ID。我不知道该怎么做,也不知道这两种方法是否有效


任何想法或方向都将不胜感激。我已经搜索了很多不同的方法,但是没有找到任何解决这个问题的方法。

如果您不想在服务器上做任何事情来提供唯一的url,您可以使用客户端哈希,url的格式为/mymapuniqueId。url的哈希部分可以在javascript中访问,如下所示:

window.location.hash
当用户在地图上单击时,您甚至可以在该位置上设置该属性。因此,在callMarker函数中,您可以执行以下操作:

if(history.pushState) 
    history.pushState(null, null, '#myhash');      
else 
     location.hash = '#myhash'; 
在较新的浏览器中,第一种方法避免了硬刷新


您可以在页面加载事件中获取此值,以在地图和侧边栏信息上呈现适当的点。

-您可以使用您的唯一ID谢谢,Mike。目前,window.location.hash似乎正在运行,但上面的教程更深入,从长远来看可能是一个更有用的解决方案。谢谢。花了一点时间才弄清楚把所有东西放在哪里,但这正是我要找的。我使用这个变量-window.location.hash.substring1-在将数字分配给变量时删除hashtag。