php - jquery.post が機能しない

Question

HTML 要素:

<img align="center" onclick="doc()" src="images/doc.png">

JavaScript 関数:

function doc (){
    $.post("php/file.php", { name: "John", time: "2pm" },).done( function(data) {
        alert("Data Loaded: " + data);
    });
}

ファイル.php:

$pi=$_POST['name'];
echo ($pi);

理由はわかりませんが$.post、画像をクリックしてもデータが送信されず、何もしません

Answer 1

コメントの1つで使用されていると述べたJqueryライブラリは次のとおりです。

<script src="code.jquery.com/jquery-1.8.3.min.js"></script>

正しいソースではありません。以下のソースを使用してください：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

Answer 2

 function doc (){
  $.post("php/file.php", { name: "John", time: "2pm" })
   .done( function(data) {
    alert("Data Loaded: " + data);
    }); 
  }

Answer 3

インライン JavaScript と jQuery の両方を使用することはお勧めできません。jQuery を使用してクリック イベントをバインドします。

この最初のイメージに識別子を追加します。

<img id="imgDoc" align="center" src="images/doc.png">

次に、コードで：

$(document).ready(function() {
    $("#imgDoc").bind("click", function() {
        $.post("php/file.php", { name: "John", time: "2pm" }).done( function(data) {
            alert("Data Loaded: " + data);
        });
    }
});