使用AJAX通过GET传递唯一值

时间:2016-05-16 18:02:03

标签: javascript php

我正在回显一个表,其中每个链接都有一个唯一值,value='$passthisvalue',如下例所示。当我点击没有页面刷新的每个链接时,我试图传递value='$passthisvalue'(可能值应该被称为数据类型?)。该值应通过GET传递给note.php

PHP:

echo "<a href='#note' class='note' value='$passthisvalue' title='note'><img src='note.png' alt='note' title='note' border='0'></a>";

的javascript:

<script>
$(".note").click(function() {
   var elem = $(this);
   $.get("note.php?value=$passthisvalue", function() {
      refreshthediv();
   }); 
});
</script>

3 个答案:

答案 0 :(得分:2)

您需要使用PHP脚本。如果要使用传递的值,请使用$(this).attr('value')

试试这个:

<script>
$(".note").click(function() {
    var elem = $(this);
    //var passthisvalue = "<?php echo $passthisvalue;?>";
    //OR  
    passthisvalue = elem.attr('value');

    //$.get("note.php?value="+passthisvalue, function() {
    //    refreshthediv();
    //}); 
    //OR

    $.get("note.php", { value : passthisvalue }, function() {
        refreshthediv();
    });  
});
</script>

答案 1 :(得分:1)

也许您应该将data-value添加到a标记中。它可能有助于尝试下面的代码段。

echo "<a href='#note' class='note' data-value='$passthisvalue' title='note'><img src='note.png' alt='note' title='note' border='0'></a>";

<script>
$(".note").click(function() {

var passthisvalue = $(this).data('value');
$.get("note.php", { value : passthisvalue }, function() {
    refreshthediv();
 }); 
});
</script>

答案 2 :(得分:0)

链接到您实际想要链接的内容:

<a href='note.php?value=$passthisvalue' class='note' title='note'><img src='note.png' alt='note' title='note' border='0'></a>

然后使用JavaScript阅读href属性。

$(".note").click(function(event) {
       event.preventDefault()
       $.get(this.href, refreshthediv);
   }); 
});