我正在学习Ajax和Symfony。因为我创建了一个循环来显示数据库中的所有环,所以我想在每个环上加上复选框,并且只想在顶部显示选定的环。所以我尝试使用Ajax,这样就不需要刷新页面了。在制作php控制器之前,我只需放置警告框来检查它是否工作,但它似乎不起作用。
这是我的小树枝档案“”
{% for ring in rings %}
<div class="row g-0 mb-5">
<div class="text-center ">
<p>Ring Name: {{ ring.ring_name }}</p>
<p>Ring Type: {{ ring.ring_type }}</p>
<p>Ring Shape: {{ ring.ring_shape }}</p>
<p>Ring Size: {{ ring.size }}</p>
<p>Price: {{ ring.price }}</p>
<input type="checkbox" id="select_ring" name="select_ring" value=ring.id >
</div>
<br>
<div class="text-center">
<a href="" class="btn-basic">detail</a>
<a href="{{ url('update_ring', {'id':ring.id}) }}" class="btn-basic">Update Ring</a>
</div>
</div>
{% endfor %}
“”“
这是小树枝里的Ajax
$('#myCheckbox').click(function() {
var checked = $(this).is(':checked');
$.ajax({
type: "POST",
url: myUrl,
data: { checked : checked },
success: function(data) {
alert('it worked');
},
error: function() {
alert('it broke');
},
complete: function() {
alert('it completed');
}
});
);“‘’”
发布于 2022-10-04 12:33:12
您想要做的只是一个前端操作,您不需要为此使用ajax。
只需将ID定义为您的戒指(基于环id为例),并将您的所有戒指设置为隐藏在开始。
然后在js/jquery中(BTW忘记Jquery,它是lame),只需在单击时将选定的元素设置为可见。不要忘记每次单击某个环时都将其他元素隐藏起来,否则前面的环将保持可见。
https://stackoverflow.com/questions/73946302
复制相似问题