javascript - javascript 可以有带 ID 的 href 吗？

Question

是否可以在 runConfirm 函数中添加包含 id 的 href？我的目标是在单击“接受”后出现一个弹出窗口，并且“接受”按钮执行来自 isset 的查询。

这是我的接受代码。

$displaybody .= "<tr>
<td>" . $rows['lname'] . ", " . $rows['fname'] . "</td>
 <td>" . $rows['subject'] . "</td>
 <td>" . $rows['days'] . " " . $rows['rstime'] . " - " . $rows['retime'] . " 
</td>
   <td>" . $rows['note'] . "</td>
  <td>
<a class='runConfirm' data-id='" . $rows['rid'] . "'>Accept</a>                
<a href='home.php?decline=" . $rows['rid'] . "'>Decline</a>
</td>
</tr>"

这是我的弹出窗口函数。 (已更新)

<script type='text/javascript'> 
        $(function(){
        $('.runConfirm').click(function(event){
          // get the id you want to act on
          var theId = $(this).data('rid');

          // ask user for confirmation
          alertify.confirm('Are you sure to accept this request?',

            // accepted
            function(){

              // go to the processing page
              window.location('/accept.php?rid=' + theId);
            },

            // declined
            function(){
              alertify.error('You clicked CANCEL');
          }).set('closable', false);

        });
        });
  </script>

Accept.php 包含接受预订的流程。

    <?php
    include("server.php");
    session_start();

    if(isset($_GET['accept']))
    {
      $rid=$_GET['accept'];
            $query=$mysqli->query("SELECT qid FROM requests WHERE rid='".$rid."'");
                if($query->num_rows>0)
                {
                        while($rows=$query->fetch_assoc())
                        {
                            $qid=$rows['qid'];
                        }
            }

     $query1=$mysqli->query("UPDATE qualified SET status='accepted' WHERE 
   qid='".$qid."' ");
     $query=$mysqli->query("UPDATE requests SET action='accepted' WHERE 
   rid='".$rid."'");

     header("Location:home.php");
   }

   ?>

Answer 1

生成 DOM 时，您可以将数据属性添加到“Confirm”链接，然后可以通过 runConfirm 点击回调函数访问该数据属性。

假设您要使用的 ID 位于 $rows['rid'] 中，则会给出:(为了清晰起见，仅显示更改的部分)

Dom 生成

$displaybody .= "<tr>
  <td>" . $rows['lname'] . ", " . $rows['fname'] . "</td>
  <td>" . $rows['subject'] . "</td>
  <td>" . $rows['days'] . " " . $rows['rstime'] . " - " . $rows['retime'] . "</td>
  <td>" . $rows['note'] . "</td>
  <td>
    <a class='runConfirm' data-id='" . $rows['rid'] . "'>Accept</a>                
    <a href='home.php?decline=" . $rows['rid'] . "'>Decline</a>
  </td>
</tr>"

弹出窗口处理(已更新)

$('.runConfirm').click(function(event){
  // get the id you want to act on
  var theId = $(this).data('id');

  // ask user for confirmation
  alertify.confirm('Are you sure to accept this request?',

    // accepted
    function(){

      // go to the processing page
      window.location = '/accept.php?rid=' + theId;
    },

    // declined
    function(){
      alertify.error('You clicked CANCEL');
  }).set('closable', false);

});

你的第三个片段将进入accept.php。

您的代码将:

1. 使用行 ID 作为数据属性来渲染表格

2. 点击“接受”时，提示用户确认并将其转到“accept.php”页面。

3. 在服务器上运行后处理代码，最终将用户重定向到“home.php”

您可以在文档中找到有关 jQuery 数据的更多信息:https://api.jquery.com/data/