HTML標籤<A>傳遞變量都與href和onclick

Question

我想要有人點擊此鏈接首先在我的功能，我已經在JS和之後，遵循href函數存在於<a>標記。問題在於它首先遵循href，而我無法從js函數傳遞我想要的變量。

這裏是我的代碼：

PHP

echo '<a href="category.php?id=' . $_SESSION['id'] . '" onclick="myFunction();"> 
     <div class="icon-lock"> 
      <img src="/test/images/lock.png" alt="Locked Button" width="35" height="35" border="0"> 
     </div>'; 
echo '</a>'; 

JS

<script> 
function myFunction() { 
$.ajax({ 
     type: "POST", 
     data: {id: "1"}, 
     url: "category.php" 
     }); 
} 
</script> 

我如何href和myfunction的會以打印

工作很迷茫

$id=$_POST['id']; 
echo $id; 

在php頁面重新載入後...
有什麼想法？

Answer 1

防止採用事件對象的myfunction方法中的默認操作。然後在成功回覆你的ajax請求時，做你想做的事情。

<a href="category.php?id=' . $_SESSION['id'] . '" onclick="myFunction(e);">

function myFunction(e) { 
    e.preventDefault(); 
    $.ajax({ 
     type: "POST", 
     data: {id: "1"}, 
     url: "category.php" 
    }).done(function() { 
     // What ever following the link does 
    }); 
} 

Answer 2

你可以通過「身份證」在你的函數中的參數，並使用JavaScript來改變窗口的位置後，阿賈克斯成功。

HTML

<div class="icon-lock"> 
    <img onclick="myFunction(<?=$_SESSION['id']?>)" src="/test/images/lock.png" alt="Locked Button" width="35" height="35" border="0"> 
</div> 

的Javascript

function myFunction(id) { 
    $.ajax({ 
     type: "POST", 
     data: {id: "1"}, 
     url: "category.php", 
     success: function() { 
      window.location.assign("category.php?id="+id); 
     } 
    }); 
} 

Answer 3

你只是這個消息傳給你的函數

你的PHP代碼將看起來像這樣

echo '<a href="category.php?id=' . $_SESSION['id'] . '" onclick="myFunction(this);">/*pass this keyword to function */ 
      <div class="icon-lock"> 
       <img src="/test/images/lock.png" alt="Locked Button" width="35" height="35" border="0"> 
      </div>'; 
    echo '</a>'; 

function myFunction(str) { 
    $.ajax({ 
     type: "POST", 
     url: str.getAttribute("href") 
    }).done(function() { 
     // What ever following the link does 
      window.location.href=str.getAttribute("href") 

    }); 
}