2011-04-11 148 views
0

我目前在制作基于客户信息数组的按钮方面存在问题。我在下面的方式进行的按钮:如何使用javascript中的onclick事件链接到另一个php页面?

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。我没有看到任何GET方法如何在JavaScript中做这个除了AJAX。但阿贾克斯让你在同一页面,而不是我在找什么。

有什么建议吗?

+0

我不明白你的问题。似乎它应该像你这样做。将用户重定向到reservation.php页面并在url中添加变量,以便您可以从php $ _GET [] – icant 2011-04-11 10:06:28

+0

访问它们window.location中有一个空格,是故意的吗? – Peeter 2011-04-11 10:06:29

回答

1

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

DEMO

+0

谢谢:)我不知道它会那么简单 – 2011-04-11 16:19:53

+0

@AeroChocolate:不客气:) – 2011-04-11 16:44:19

1

试试这个..

window.location.href = "ss reservation.php?lastName=" + lastName + "&firstName=" + firstName + "&phoneNum=" + phoneNum; 
相关问题