Кнопка JQuery не вызывает вызов службы через ajax

Question

У меня есть служба JSON, и я пытаюсь выполнить эту услугу через вызов ajax через jquery на веб-странице. Когда я создал кнопку и пытаюсь выполнить событие click, но я не могу получить какое-либо предупреждающее сообщение, а также вызов службы, а также не запускать, что означает, что сам клик не запускается вообще. пожалуйста помоги!

ниже код

<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

Я думаю, что единственная ошибка, которую вы имеете в своем коде, что вы asigning событие THT нажать на кнопку перед тем документ готов. Поэтому вы можете попробовать:

<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

Вы должны телеграфировать событие щелчка, когда DOM был загружен.

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