私のjqueryが投稿しない理由はありません

Question

私のjqueryが投稿していない理由はわかりません。私はiputsを見てクリックすることができますが、ポストしません。私はwireshark経由ですべてのローカルトラフィックとintトラフィックをダンプしていますが、何も見ません。

私のログには、次のようになります。ここでは

127.0.0.1 - - [02/Sep/2016 22:14:35] "GET /control_panel.png HTTP/1.1" 304 - 
127.0.0.1 - - [02/Sep/2016 22:14:35] "GET /rocket.html HTTP/1.1" 200 - 
127.0.0.1 - - [02/Sep/2016 22:14:35] "GET /js/jquery.js HTTP/1.1" 304 - 

は、サンプルスクリプトです：ここでは

<script> 
    $('#dsubmit').click(function(){ 
     var accessHash = document.getElementById("rocketHash").value; 
     $.post("api.js", {rocketHash: accessHash, rocketDown: 'rocketDown'}, function(result){ 
      $("#rocketHashReturn").fadeIn(); 
      $("#rocketHashReturn").text(result); 
      $("#rocketHashReturn").delay(250).fadeOut(); 
     }); 
    }); 
</script> 

は、全体の事のjsfiddleです：

https://jsfiddle.net/0mpj7zc2/

それはおそらくだように私は感じます私が見落としているかわいそうな何か。

Answer 1

クリックイベントをバインドする必要があると思います。

<script> 
$(document).ready(function(){ 
    $('#dsubmit').click(function(){ 
     var accessHash = document.getElementById("rocketHash").value; 
     $.post("api.js", {rocketHash: accessHash, rocketDown: 'rocketDown'},function(result){ 
     $("#rocketHashReturn").fadeIn(); 
     $("#rocketHashReturn").text(result); 
     $("#rocketHashReturn").delay(250).fadeOut(); 
    }); 
    }); 


</script> 

このようにしてください。それは仕事でなければなりません。

Answer 2

これは、クリックするボタンを作成する入力要素（タイプなし）を使用していることと関係があります。入力をdivまたはボタンに変更し、jQueryをフィディルドに追加すると、クリックハンドラが機能しました。

このように、テキスト入力の場合にのみ、入力要素をボタンとして使用しないでください。