Php JQuery：从Html页面检索特定用户数据_Php_Jquery_Html

Php JQuery：从Html页面检索特定用户数据

php jquery html

Php JQuery：从Html页面检索特定用户数据,php,jquery,html,Php,Jquery,Html,我正在尝试从下面的链接获取特定的用户名信息。单击其中一个链接时，用户名信息应保存在var username中。然而，它不起作用。欢迎任何帮助 <!doctype html> <?php $theUsernameDaniel="danielcajueiro"; $theUsernameMarcelo="marcelopapini"; ?> <html> <head> <meta charset="utf-8" /&g

我正在尝试从下面的链接获取特定的用户名信息。单击其中一个链接时，用户名信息应保存在var username中。然而，它不起作用。欢迎任何帮助

<!doctype html>
<?php  
$theUsernameDaniel="danielcajueiro";
$theUsernameMarcelo="marcelopapini";
?>
<html>
    <head>
        <meta charset="utf-8" />
        <title>ControllingHiperlinks</title>
        <script src="http://code.jquery.com/jquery-1.4.1.js" type="text/javascript"></script>  
        <script>
            $(document).ready(function() {
                $("a.peoplePage").click(function(event) {

                    var username=$(this).data("username");

                    alert(username);
                    event.preventDefault();
                });
            });
        </script>        
    </head>
    <body>
        <!-- Updated after the answer below of @Pranav-C-Balan -->
        <a class="peoplePage" data-username="<?php echo $theUsernameDaniel ?>"  href=""> Daniel Cajueiro</a>
        <a class="peoplePage" data-username="<?php echo $theUsernameMarcelo ?>"  href="">Marcelo Cajueiro</a>
    </body>
</html>


控制管道链接
$（文档）.ready（函数（）{
$（“a.peoplePage”）。单击（函数（事件）{
var username=$（this.data（“用户名”）；
警报（用户名）；
event.preventDefault（）；
});
});

html代码中缺少

“

”

<a class="peoplePage" data-username="<?php echo $theUsernameDaniel ?>"  href=""> Daniel Cajueiro</a>
<!--................................^................................^.............................-->

<a class="peoplePage" data-username="<?php echo $theUsernameMarcelo ?>"  href="">Marcelo Cajueiro</a>
<!--................................^................................^.............................-->

而不是

var username=$(this).data("username");

您必须添加如下引号：

<a class="peoplePage" data-username="<?php echo $theUsernameDaniel ?>"  href=""> Daniel Cajueiro</a>
 <a class="peoplePage" data-username="<?php echo $theUsernameMarcelo ?>"  href="">Marcelo Cajueiro</a>

使用href=“#”或href=“javascript:void（）；”。你把href=“”放在心里将重定向到其他空白页

您可以像这样使用jquery属性：

非常感谢。你是对的，这是问题之一，但它还不起作用。我认为JQuery代码中存在一些问题。请使用最新版本的JQuery

var username=$(this).data("username");

<a class="peoplePage" data-username="<?php echo $theUsernameDaniel ?>"  href=""> Daniel Cajueiro</a>
 <a class="peoplePage" data-username="<?php echo $theUsernameMarcelo ?>"  href="">Marcelo Cajueiro</a>

<a class="peoplePage" data-username=<?php echo $theUsernameDaniel ?>  href="#"> Daniel Cajueiro</a>
<a class="peoplePage" data-username=<?php echo $theUsernameMarcelo ?>  href="#">Marcelo Cajueiro</a>

var user1;

$(document).ready(function(){
    $('body a').click(function(){
        user1 = $(this).attr('data-username');

        alert(user1);
        return false;
    });
});