单击引导选项卡时运行 jquery 功能

Question

我想在单击引导选项卡时运行 ajax 函数。

我有html：

  <li><a href="#upotrebljeni" data-toggle="tab">Upotrebljeni resursi</a></li>

jquery ajax 函数：

$('a #upotrebljeni').click(function (e) {
var ajdi = '22';
var radnici = 'radnici';
var prvi = '1'; 
    $.ajax({
            url: 'getRMZ.php', // make this url point to the data file
            dataType: 'json',
            data:{id_akt:ajdi, tabela:radnici, prvi:prvi},
            async: false,
        type: 'POST',
            success:function(data){
            console.log(data);
            },
        error:function(data) {
        console.log(data);
        }

        });

});

和 getRMZ.php pdo 文件：

try {
      /* Establish the database connection */
      $conn = new PDO("mysql:host=localhost;dbname=$dbname", $username, $password);
      $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

     $result = $conn->query("SELECT id_tabele,naziv FROM track_aktivnosti WHERE prvi = :prvi AND id_akt = :id_akt AND tabela = :tabela");
     $result->execute(array(':prvi' => $_POST['prvi'], ':id_akt' => $_POST['id_akt'], ':tabela' => $_POST['tabela']));

    $jsonTable = json_encode($result);
    } catch(PDOException $e) {
        echo 'ERROR: ' . $e->getMessage();
    }
    echo $jsonTable;

现在，当我单击选项卡 #upotrebljeni 时，我没有收到任何操作、任何错误，什么都没有……这可能是什么问题？

更新：我通过 ajax 得到一个错误：“错误：SQLSTATE[42000]：语法错误或访问冲突：1064 您的 SQL 语法有错误；请查看与您的对应的手册MySQL 服务器版本，用于在第 1 行的 ':prvi AND id_akt = :id_akt AND tabela = :tabela' 附近使用正确的语法

Answer 1

<a id="upotrebljeni" href="#upotrebljeni" data-toggle="tab">Upotrebljeni resursi</a>

删除空格。

使用

$('a#upotrebljeni').click(function (e) {

而不是

$('a #upotrebljeni').click(function (e) {
    ^

a #upotrebljeni 选择器将查找 ID 为 inside 的元素和 <a> 标记，而a#upotrebljeni 选择器查找具有 ID 的 <a> 元素。 p>

Answer 2

您需要将id="upotrebljeni" 添加到您的锚点：

<li><a id="upotrebljeni" href="#upotrebljeni" data-toggle="tab">Upotrebljeni resursi</a></li>

因为您使用的是#，所以它会以id 而非href 为目标。

另外，因为id是唯一的，你只需要使用：

$('#upotrebljeni').click(function (e) {

代替：

$('a#upotrebljeni').click(function (e) {