JQueryボタンがajax経由でサービスコールを起動していません

Question

私はJSONサービスを持っています。私はこのサービスをWebページのjqueryからajax呼び出しで実行しようとしています。私はボタンを作成し、クリックイベントを実行しようとしたが、私はすべての警告メッセージを取得することはできませんサービスコールだけでなく、クリックイベント自体が全く発砲していないことを意味するトリガーしていません。助けてください！以下

あなたはDOMがロードされたときにクリックイベントを配線する必要があるコード

<title></title> 
    <script src="JavaScript.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { }); 
     $('#buttonnew').click(function() { 
      alert("Hi"); 
      $.ajax({ 
       url: 'service2.svc/GetRestriction', 
       method: 'post', 
       contentType: 'application/json', 
       data: ({ property: '99883', code: 1 }), 
       dataType: 'json', 
       success: function (DATA) { 
        alert("hi"); 
       }, 
       error: function (err) { 
        alert(err); 
       } 
      }); 
     }); 
    </script> 

Answer 1

私はあなたのコードの中で持っている唯一のエラーは、ドキュメントの準備が整う前に、THTがボタンのイベントをクリックしasigningしているということだと思います。だからこれを試すことができます：

<title></title> 
    <script src="JavaScript.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#buttonnew').click(function() { 
      alert("Hi"); 
      $.ajax({ 
       url: 'service2.svc/GetRestriction', 
       method: 'post', 
       contentType: 'application/json', 
       data: ({ property: '99883', code: 1 }), 
       dataType: 'json', 
       success: function (DATA) { 
        alert("hi"); 
       }, 
       error: function (err) { 
        alert(err); 
       } 
      }); 
      }); 
     }); 
    </script> 

私はJquery 2.2.2でテストしました。

私はそれが助けてくれることを願っています！

Answer 2

です。

$(document).ready(function(e) { 

     $('#buttonnew').click(function() { 
       alert("Hi"); 
       $.ajax({ 
        url: 'service2.svc/GetRestriction', 
        method: 'post', 
        contentType: 'application/json', 
        data: ({ property: '99883', code: 1 }), 
        dataType: 'json', 
        success: function (DATA) { 
         alert("hi"); 
        }, 
        error: function (err) { 
         alert(err); 
        } 
       }); 
      });  
    });