Aufruf einer REST-API über JS und HTML

-1

Ich habe den folgenden Code geschrieben, um den Status des REST-Dienstes zu erhalten. Aber wenn ich auf den Knopf klicke, macht er nichts. Bitte schlagen Sie vor, was ich vermisse, damit dieser Code funktioniert.Aufruf einer REST-API über JS und HTML

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head runat="server"> 
    <title></title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> 
    function invokeService() { 
    $(document).ready(function() { 
      $.ajax({ 
      type: "GET", 
      async: false, 
      url: "https://inf:7871/smcfs/heartbeat", 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      processData: true, 
      success: function(result) { 
       AjaxSucceeded(result); 
      }, 
      eror: AjaxFailed 
      }); 

      function AjaxSucceeded(result) { 
      alert(result); 
      } 

      function AjaxFailed(result) { 
      alert(result.status + '' + result.statusText); 
      } 
     } 
    </script> 
</head> 

<body> 
    <form id="form1" runat="server"> 
    <div> 
     <input type="button" önclick="javascript:invokeService();" value="Call WCF Service" /> 
    </div> 
    </form> 
</body> 

</html>

Quelle

2016-03-30 user179516

Warum legen Sie einen Inhaltstyp für eine GET-Anforderung fest? Es gibt keinen Inhalt, um den Typ von zu beschreiben. – Quentin

Sie mispelt 'Fehler' – Quentin

Ich bin neugierig, warum Sie' Async' nicht verwenden würden. Dies kann zu unerwünschten Verlangsamungen oder Seitenfrieren führen. –

Das Attribut wird onclick genannt, nicht önclick. Dies wäre abgeholt worden, wenn Sie a validator verwendet hätten.

Quelle

2016-03-30 19:53:37 Quentin

Genau dies tun:

<input type="button" onclick="invokeService()" value="Call WCF Service" />

Quelle

2016-03-30 19:55:25

In welchem Browser Sie sind die Entwickler-Modus aktivieren und überprüfen Sie die Konsole Sie haben einige Rechtschreibfehler und Fehler und einige von ihnen werden in der JavaScript-Konsole angezeigt. Beheben Sie diese Fehler und Sie werden eine bessere Vorstellung davon haben, was das Problem sein könnte.

In Google Chrome mit der rechten Maustaste auf die Seite und klicken Sie auf inspizieren, wählen Sie dann die "Console Tab". Klicken Sie in Firefox mit der rechten Maustaste auf die Seite und klicken Sie auf "Element prüfen" und wählen Sie dann die Registerkarte "Konsole".

Sie können einen Druckbildschirm für die Ausgabe bereitstellen.

Quelle

2016-03-30 19:59:01

Aufruf einer REST-API über JS und HTML

Antwort

Verwandte Themen