パラメータの取得方法が間違っているか間違っていますか？

Question

リンクをクリックするとデータを取得する必要があります。 リンクがあります。

<a class="note" id="' . $data["p_id"] . '" value="1" href="javascript:void(0)">+1</a> 
<a class="note" id="' . $data["p_id"] . '" value="-1" href="javascript:void(0)">-1</a> 

私は$ .ajaxを使用してこのコードを使用しています。私は価値と "$ data [" p_id "]"を得る必要がありますが、私の使用法は真実か偽ですか？

そして、私のjQueryコード：

$("a[class=note]").click(function(evt){ 
        var note = $(this).attr("value"); 
        var preid = $(this).attr("id"); 
        alert(note); 
        $.ajax({ 
         type: 'GET', 
         url: 'style/ajax.php', 
         data: 'do=note&value=' + note + '&preid=' + preid 
        }); 
       }); 

Answer 1

いくつかのポイント

• すべての要素のidが
• 一意である必要がありますあなたが返す必要があります "" タグ
• には、 "値" 属性はありませんfalseclickデフォルトの処理を防ぐハンドラ
• ajaxは低レベルのメソッドです.Ajaxを使用する場合、javascript以外のブラウザ、つまりリンクに機能するhref属性を使用する方がよい場合は、getまたはpost
• と考えてください。あなたの場合、リンクには検索エンジンが続くことはないので、代わりにinputまたはbuttonを使用する方が「意味」です。

例：

<button class="note" name="plus" value="$data["p_id"]">+1</button> 
<button class="note" name="minus" value="$data["p_id"]">-1</button> 

$("button.note").click(function() { 
    var name = $(this).attr("name"); 
    var note = name == "plus" ? 1 : -1; 
    var id = $(this).attr("value"); 
    $.get("style/ajax.php?do=note&value=" + note + "&preid=" + id); 
    return false; 
})