通过超链接提交值而不使用页面重新加载Javascript

Question

我试图让我的聊天弹出而不重新加载，我正在使用超链接传递user_id

这就是我以前做过的事情（加载页面）

链接格式：

<a  target='_top' 'style='text-decoration:none;color:#fff;margin-left:20;' href='index.php?to=USER001'><b>";

这将使用$ _GET ['to'] = USER001（但页面重新加载）将我重定向回我的索引

我重新制作它以便页面不会重新加载 新的链接格式

<a  target='_top' 'style='text-decoration:none;color:#fff;margin-left:20;' href='#' rel ='index.php?to="USER001"'><b>";

它将我发送到localhost / index.php＃ 我注意到，如果我这样做，它将不会给我价值，所以我把它变成了

<a  target='_top' 'style='text-decoration:none;color:#fff;margin-left:20;' href='#USER001' rel ='index.php?to="USER001"'><b>";

如果可以的话，我可以获得USER001的值吗？有更好的方法吗？

我正在尝试获取值USER001

Answer 1

请勿使用＃字符禁用超链接 你应该写

<a  target='_top' 'style='text-decoration:none;color:#fff;margin-left:20;' href='javascript:;' rel ='index.php?to="USER001"'>

但请注意，您需要在javascript，jquery或您正在使用的内容中定义单击操作。

如果你用jQuery编写

$(a).click(function(){alert(0);});

点击将提示0，但不会将您重定向到'/'文件夹。 取消href应该是href =“javascript：;”并且不是href =“＃”，而是写在网络的很多地方

Answer 2

1. 为超链接添加id属性（比如test_a）
2. 将属性data-user-id="USER_001"添加到超链接
你的javascript中的

3. 写道：

   $(document).ready(function(){
       var user_id = $("#test_a").attr('data-user-id'); // will get you the value you need
   });
   

一旦你在javascript中拥有它，你可以用ajax将它传递给服务器，或者你可以在当前页面中使用它而无需刷新