时间戳

首页 > 解决方案 > 我使用 php ajax 从服务器获得的链接在我的网页上不起作用

php - 我使用 php ajax 从服务器获得的链接在我的网页上不起作用

问题描述

我有这段代码，我使用 ajax jquery 和 php 从数据库中获取多个数据。它可以工作并在网页中显示数据，但问题是数据中的链接（如<a > 标签链接）即使在我添加点击事件后也没有响应或显示任何点击事件迹象。这是我之前的代码

HTML

<tbody class="pro-bd"></tbody>

jQuery AJAX

getProducts();
function getProducts() {
    $.ajax({
        url: "adminbked/getData.php",
        method: "POST",
        data: {
            action: "getProducts"
        },
        success: function (data) {
            $(".pro-bd").html(data);
            // This is the dataTable plugin
            $("#proTable").dataTable();
        }
    })
}

获取数据.php

<?php

require "../../db/dbconn.php";
$POST = filter_var_array($_POST, FILTER_SANITIZE_STRING);

if(isset($POST['action']) && $POST['action'] == "getProducts") {
    $status = "Yes";
   $sql = $conn->prepare("SELECT * FROM shopping_products_info ORDER BY productId DESC ");
   $sql->execute();
   $result = $sql->get_result();
   $html = '';
   while($row = $result->fetch_assoc()):
   
    $html .= '<tr>
        <td>
            <a href="javascript:void(0)" title="Send Product" id="'.$row['productId'].'" data-toggle="modal" data-target="#exampleModalLong" class="bt-snd text-success"><i class="fa fa-paper-plane fa-fw fa-lg"></i></a>
            <a href="javascript:void(0)" title="View Details" id="'.$row['productId'].'" class="text-info btn-dt"><i class="fa fa-info-circle fa-fw fa-lg"></i></a>
            <a href="javascript:void(0)" title="Edit Details" id="'.$row['productId'].'" class="text-primary btn-edt"><i class="fa fa-edit fa-fw fa-lg"></i></a>
            <a href="javascript:void(0)" title="Delete product" id="'.$row['productId'].'" class="bt-dlt text-danger"><i class="fa fa-trash fa-fw fa-lg"></i></a>
        </td>
    </tr>';
 endwhile; 
echo $html;

}

这是点击事件

$(".bt-dlt").click(function () {
   var id = $(this).attr("id");
   console.log(id)
})

请问我做了什么使链接不可点击。我应该怎么办。

标签： phpjqueryajaxonclick

解决方案

推荐阅读