數據未通過JQuery AJAX請求傳遞

Question

我對此感到沮喪，無法獲取數據。 螢火蟲向我展示

信=

我努力了

data: {letter: alpha},

和

data:"letter=" + alpha, 

沒有成功。

腳本如下：

$(document).ready(function(){
    $('#alphaFilter a').click(function(e){
        e.preventDefault();
        var alpha = $(this).val();
        $.ajax({
            type: "POST",
            data: {letter: alpha},
            url: "includes/filterPlants.php",
            success: function(update){
                $('#plants').html(update);
            }
        });
    });
})

我下面的HTML元素（基本上我想過濾數據集而不刷新頁面）：

<div id="alphaFilter">
    <a href="#" value="All">All</a>
    <a href="#" value="A">A</a>
    <a href="#" value="B">B</a>
    <a href="#" value="C">C</a>
    <a href="#" value="D">D</a>
    <a href="#" value="E">E</a>
    <a href="#" value="F">F</a>
    <a href="#" value="G">G</a>
    <a href="#" value="H">H</a>
    <a href="#" value="I">I</a>
    <a href="#" value="J">J</a>
    <a href="#" value="K">K</a>
    <a href="#" value="L">L</a>
    <a href="#" value="M">M</a>
    <a href="#" value="N">N</a>
    <a href="#" value="O">O</a>
    <a href="#" value="P">P</a>
    <a href="#" value="Q">Q</a>
    <a href="#" value="R">R</a>
    <a href="#" value="S">S</a>
    <a href="#" value="T">T</a>
    <a href="#" value="U">U</a>
    <a href="#" value="V">V</a>
    <a href="#" value="W">W</a>
    <a href="#" value="X">X</a>
    <a href="#" value="Y">Y</a>
    <a href="#" value="Z">Z</a>
</div>

在此先感謝您，我相信這對您來說非常簡單。

Answer 1

value屬性和jQuery的.val()僅真正用於<form>元素，例如<input> 。

對於其他元素類型，可以使用data-*屬性存儲自定義信息：

<a href="#" data-value="A">A</a>

並使用jQuery的.data()檢索它們的值：

var alpha = $(this).data('value');

Answer 2

我認為您的HTML無效（我不認為錨標記支持value屬性）。 另外，jQuery val方法不會在您的定位標記中獲取value屬性的內容。

如果需要，可以使用HMLT5 data- *屬性：

<a href="#" data-value="A">A</a>

$(function(){

    $('#alphaFilter a').click(function(e){
        e.preventDefault();
        var alpha = $(this).attr('data-value');

        $.ajax({
            type: "POST",
            data: {letter: alpha},
            url: "includes/filterPlants.php",
            success: function(update){
                $('#plants').html(update);
            }
        });

    });

})

編輯

正如注釋中所指出的那樣，jQuery .data（）方法也可以用於此目的。 這兩個都將獲取“數據值”的值：

$(this).data("value");

//or

$(this).attr("data-value");

Answer 3

var alpha = $(this).attr("value")