Javascript 仅单击当前按钮时如何发送值
我有一份表格清单(旅馆清单)。 每个表单都有一个值(酒店id)和一个提交按钮 所有按钮发送到同一页面 我只想从点击的submit按钮获取id hotel的值 我尝试使用session和post,但都出现了一个错误。 这是第一页:Javascript 仅单击当前按钮时如何发送值,javascript,php,jquery,Javascript,Php,Jquery,我有一份表格清单(旅馆清单)。 每个表单都有一个值(酒店id)和一个提交按钮 所有按钮发送到同一页面 我只想从点击的submit按钮获取id hotel的值 我尝试使用session和post,但都出现了一个错误。 这是第一页: foreach ($response->HotelListResponse->HotelList->HotelSummary as $hotel){ <form action="details.php" method="P
foreach ($response->HotelListResponse->HotelList->HotelSummary as $hotel){
<form action="details.php" method="POST">
<?php
$_SESSION["id"]=$hotel->hotelId;
echo $_SESSION["id"];?>
<button class="bookbtn mt1" name=<?php echo $_SESSION["id"] ?>type="submit">Voir Détails</button>
foreach($response->HotelList->HotelList->HotelSummary as$hotel){
像这样做按钮
<?php
foreach ($response->HotelListResponse->HotelList->HotelSummary as $hotel)
{
$_SESSION["id"]=$hotel->hotelId;
echo $_SESSION["id"];?>
?>
<input class="bookbtn mt1" name='<?php echo $hotel->hotelId;?>' id='btn_<?php echo $hotel->hotelId; ?> onclick="send(<?php echo $hotel->hotelId; ?>)" type="button" value="Voir Détails">
<?php } ?>
<script>
function send(id)
{
$.ajax({
url: "details.php",
type: 'post',
contentType: "application/x-www-form-urlencoded",
data: '{id:id}',
success: function (data, status) {
console.log("Success!!");
console.log(data);
console.log(status);
}
});
}
</script>
?>
关于event.target.name
?如果你谈论jq或javascript,我不知道它们,请告诉我这个问题的解决方案。你为什么这样做?有什么特殊原因不使用一个包含hotels元素列表的表单,只发布s的ID吗选择酒店进入第二页?因为酒店的数量是inknowen!、20、30、50等!表单没有输入元素
您期望什么?建议您学习一些表单教程。更不用说在循环的每次迭代中覆盖会话变量。这些代码都毫无意义
<?php
foreach ($response->HotelListResponse->HotelList->HotelSummary as $hotel)
{
$_SESSION["id"]=$hotel->hotelId;
echo $_SESSION["id"];?>
?>
<input class="bookbtn mt1" name='<?php echo $hotel->hotelId;?>' id='btn_<?php echo $hotel->hotelId; ?> onclick="send(<?php echo $hotel->hotelId; ?>)" type="button" value="Voir Détails">
<?php } ?>
<script>
function send(id)
{
$.ajax({
url: "details.php",
type: 'post',
contentType: "application/x-www-form-urlencoded",
data: '{id:id}',
success: function (data, status) {
console.log("Success!!");
console.log(data);
console.log(status);
}
});
}
</script>