JQuery-Taste löst keinen Service-Anruf über Ajax

Question

Ich habe einen JSON-Dienst und ich versuche, diesen Dienst über Ajax-Aufruf über jquery in Webseite auszuführen. Wenn ich Schaltfläche erstellt habe und versuche, Click-Ereignis auszuführen, aber ich bin nicht in der Lage, jede Warnmeldung zu erhalten, sowie Serviceaufruf auch nicht auszulösen, das bedeutet, Click-Ereignis selbst feuert überhaupt nicht. bitte hilfe!

unten Code

<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

Ich denke, der einzige Fehler, den Sie in Ihrem Code haben, ist, dass Sie tht Click-Ereignis auf die Schaltfläche werden zuweist, bevor Dokument bereit ist. So können Sie es einfach versuchen:

<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> 

Ich habe es mit Jquery 2.2.2 getestet.

Ich hoffe, es hilft!

Answer 2

Sie müssen das Click-Ereignis verkabeln, wenn das DOM geladen wurde.

$(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); 
        } 
       }); 
      });  
    });