我正在尝试使用 jquery 将几个锚点的值发送到 php 文件,但我没有从 php 脚本中得到回调。
<div class="result"></div>
<a href="#" value="5" class="star">Star 5</a>
<a href="#" value="4" class="star">Star 4</a>
<a href="#" value="3" class="star">Star 3</a>
<a href="#" value="2" class="star">Star 2</a>
<a href="#" value="1" class="star">Star 1</a>
jquery:
$('a').on('click', function(e) {
e.preventDefault();
var star = $(".star").val();
$.ajax({
url: 'process.php',
type: 'POST',
data: {
star:star
},
success: function(data){
$('.result').html(data);
}
});
});
和 php (process.php):
if (isset($_POST['star'])) {
$star = $_POST['star'];
echo $star;
}
我究竟做错了什么?
我想要实现的目标:点击星5,给我值“5”。
单击星 4,返回值“4”,依此类推...
value
不是可接受的属性<a>
标签,您可以在以下位置查看可用属性https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
我会推荐:
<div class="result"></div>
<a href="#" data-value="5" class="star">Star 5</a>
<a href="#" data-value="4" class="star">Star 4</a>
<a href="#" data-value="3" class="star">Star 3</a>
<a href="#" data-value="2" class="star">Star 2</a>
<a href="#" data-value="1" class="star">Star 1</a>
<script>
$('a').on('click', function(e) {
e.preventDefault();
var star = $(this).data('value');
$.ajax({
url: 'process.php',
type: 'POST',
data: {star:star},
success: function(data){
$('.result').html(data);
}
});
});
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)