![](/img/trans.png)
[英]Trying to make a dynamic PHP link go to another page using Javascript onClick
[英]How to link to another php page using onclick event from javascript?
我目前在根據客戶的一系列信息制作按鈕時遇到問題。 我按以下方式制作了按鈕:
foreach($array as $row)
{
echo (
"<tr>".
"<td>".$row['last_name']. "</td>".
"<td>".$row['first_name']. "</td>".
"<td>".$row['phone_no']. "</td>".
"<td>".$row['date_of_birth']. "</td>".
"<td>".$row['membership']. "</td>".
"<td><Button class='resultBookButton' data-lastName=".$row['last_name']." data-firstName=".$row['first_name']." data-phone=".$row['phone_no'].">Reserve</Button></td>".
"</tr></table>");
}
在我的PHP腳本之上,我有以下內容:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// Handling search results
$('.resultBookButton').click(function(e){
// Get the name of the user clicked
var lastName = $(this).data("lastName");
var firstName = $(this).data("firstName");
var phoneNum = $(this).data("phone");
window.location = "ss reservation.php?lastName=" + lastName + "&firstName=" + firstName + "&phoneNum=" + phoneNum;
});
});
</script>
我想要實現的是能夠打開一個帶有參數lastName,firstName和phoneNum的php頁面。 我沒有看到任何關於如何在javascript中執行此操作的GET方法,除了AJAX。 但是ajax讓你在同一頁面,而不是我想要的。
有什么建議么?
嘗試這個..
window.location.href = "ss reservation.php?lastName=" + lastName + "&firstName=" + firstName + "&phoneNum=" + phoneNum;
為什么你需要JavaScript呢? 為什么不創建一個普通的鏈接,如果JavaScript被禁用也可以使用?
<?php foreach($array as $row): ?>
<tr>
<td><?php echo $row['last_name'] ?></td>
<td><?php echo $row['first_name'] ?></td>
<td><?php echo $row['phone_no'] ?></td>
<td><?php echo $row['date_of_birth'] ?></td>
<td><?php echo $row['membership'] ?></td>
<td><a class='resultBookButton'
href="<?php printf("ssreservation.php?lastName=%s&firstName=%s&phoneNum=%s", $row['last_name'], $row['first_name'], $row['phone_no']) ?>"
>Reserve</a>
</td>
</tr>
<?php endforeach; ?>
如果您想要按鈕的外觀,可以使用CSS將鏈接設置為按鈕的樣式:
a {
color: black;
padding: 5px;
border: 2px outset lightgrey;
background-color: lightgrey;
text-decoration: none;
}
a:active {
border-style: inset;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.