如何从javascript使用onclick事件链接到另一个php页面

How to link to another php page using onclick event from javascript?

本文关键字：链接 另一个 php 页面 事件 onclick javascript 使用      更新时间：2023-09-26

我目前有基于客户信息数组制作按钮的问题。我按以下方式制作按钮:

    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>

我想要实现的是能够打开一个php页面的参数lastName, firstName和phoneNum。除了AJAX之外，我还没有看到任何关于如何在javascript中做到这一点的GET方法。但是ajax让你在同一个页面上，而不是我想要的。

有什么建议吗?

为什么需要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;
}

try this. 

window.location.href = "ss reservation.php?lastName=" + lastName + "&firstName=" + firstName + "&phoneNum=" + phoneNum;
相关文章：