javascript - 如何基于对象动态创建和链接到页面？

Question

我刚刚弄清楚如何从 Mongo 数据库中读取对象并将其显示在表中。

for (i = 0; i<teamlist.count;) {
    strTeam = strTeam + "<tr><td><a href=''>" + teamlist.teams[i].teamName + "</td></tr>";
    i = i+1;
}
strTeam = "<table border='1'>" + strTeam + "</table>"

我现在有一个表格，其中充满了我所有团队名称的可点击链接，尽管这些链接不会带您到任何地方。

定义链接以将您引导至仅显示所单击的团队名称的页面的最佳实践是什么？

Answer 1

首先:“a”元素的 href 属性为空，因此该链接当然不会带您到任何地方。

您在服务器端使用什么技术？当然您可以“动态”创建页面，但您首先必须实现此类页面的原型(prototype)，然后让它在调用时从链接获取数据。团队的数据必须存储在某个地方(例如数据库)并由页面检索以进行显示。

如果你使用php，你可以通过$_GET传递每个团队的个人数据，如下所示:

<a href="page.php?team=foo">see foo</a>  

然后，在服务器端，您从 $_GET 中提取数据:

$foo = $_GET['team']; // is 'foo'  
//then do something with foo, maybe a db-query, and show data as HTML  

小心服务器端应用程序上用户提供的数据!
您应该在使用这些 $_GET 变量之前以某种方式验证它们；只需谷歌搜索 SQL 注入(inject)即可。