使用 MySql Fetch Array 和 Ajax 创建可点击的链接

Question

我试图在 while 循环内使用来自 mysql_fetch_array 的特定数字结果来执行 Javascript 函数（Ajax）。我的 php 代码的基本片段如下：

while ($data = mysql_fetch_array($result)) 
{
$link = $data['id']; //example results will be 12345
echo '<span id="val" onclick="goto()">'.$link.'</span>'; //lists 12345, and makes each clickable
}

我的 Javascript 代码的一部分如下：

function goto(str)
{
   Ajax...
   var idval = document.getElementById('val').innerHTML; //grabs 1,2,3,4, or 5 based on which number was clicked
   Ajax...
}

我在这里尝试做的是从 MySql 查询多条记录，使用 while 循环列出结果，使每个结果可点击，然后传递内部 html 到 Ajax 的变量。

我的问题是，当我单击 while 循环列表中的任何结果时，我仅传递 mysql 获取数组的第一个结果。例如，while 循环将列出 12345。当我尝试单击 3 时，我得到 1 作为内部 html；当我尝试单击 5 时，我得到 1 作为内部 html；等等...它总是得到第一个结果，即 1。

我尝试内爆和爆炸 mysql 获取数组，但是内部 html 总是最终成为数组结果的第一行。我需要以某种方式分解数组，以便每一行都是独立的，不仅在视觉上，而且以编程方式，这样我就可以使用 getElementById.innerHTML 获取它。

我真的很感谢任何人的帮助。您的建议和希望的答案将真正帮助我的 php 项目变得更加有用。

Answer 1

首先，将您的 php 脚本更改为如下所示：

while ($data = mysql_fetch_array($result)) 
{
    $link = $data['id']; //example results will be 12345
    echo '<span id="val'.$link.'" onclick="goto('.$link.')">'.$link.'</span>';
}

然后，使用以下 javascript 代码：

function goto(link)
{
    Ajax...
    var idval = document.getElementById('val'+link).innerHTML; 
    Ajax...
}

但我不确定 str 在您的 javascript 代码中意味着什么以及为什么使用函数 goto需要 1 个参数 (str)，而调用时不带参数 (onclick="goto()")。

Answer 2

您的问题是您在 span 元素中使用 id="val" 。所以你只能得到第一个元素。所以你最终总是得到第一个跨度的内部 html。

最简单的解决方案是将 id 值作为参数传递给 goto 函数调用。

更新：您可以修改您的功能，如下所示：

function goto(link)
{
    Ajax...
    var idval = link;
    Ajax...
}