我对此感到沮丧,无法让数据通过。 Firebug 已经向我展示了
字母=
我已经尝试过
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>
提前致谢,我相信这对你们来说非常简单。
最佳答案
value
属性和 jQuery 的 .val()
仅真正适用于 <form>
类似 <input>
的元素s。
对于其他元素类型,您可以使用 data-*
attributes存储自定义信息:
<a href="#" data-value="A">A</a>
并使用 jQuery 的 .data()
检索它们的值:
var alpha = $(this).data('value');
关于javascript - 数据未通过 JQuery AJAX 请求传递,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21053269/