Übergeben von eindeutigen Werten über GET mit AJAX

Question

Ich wiederhole eine Tabelle, in der jeder Link einen eindeutigen Wert hat, der value='$passthisvalue' ist, wie im folgenden Beispiel gezeigt. Ich versuche, value='$passthisvalue' zu übergeben (vielleicht sollte der Wert stattdessen Datentyp genannt werden?), Wenn ich auf jeden Link ohne Seitenaktualisierung klicke. Der Wert sollte über GET an note.php übergeben werden.

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> 

Answer 1

Sie müssen das PHP-Skript verwenden. Wenn Sie den übergebenen Wert verwenden möchten, verwenden Sie $(this).attr('value').

Versuchen mit diesem:

<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> 

Answer 2

Vielleicht sollten Sie data-value zu Ihrem a Tag hinzuzufügen. Es könnte helfen, den Ausschnitt unten zu versuchen.

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> 

Answer 3

Link zu, was Sie wollen tatsächlich verknüpfen:

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

Und dann lesen Sie das href Attribut mit JavaScript.

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