JSとhtmlでREST APIを呼び出す

-1

以下のコードを書いて、RESTサービスのステータスを取得しました。しかし、私がボタンをクリックしているとき、何の動作もしていません。このコードを動作させるために私が紛失しているものを提案してください。JSとhtmlでREST APIを呼び出す

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

出典

2016-03-30 user179516

なぜGETリクエストでコンテンツタイプを設定していますか？タイプを記述する内容はありません。 – Quentin

あなたは 'error'を間違って入力しました – Quentin

' async'を使わない理由が不思議です。これにより、望ましくない減速やページのフリーズが発生する可能性があります。 –

属性がないönclick、onclickと呼ばれています。 a validatorを使用した場合、これは選択されていました。

出典

2016-03-30 19:53:37 Quentin

はちょうどこの操作を行います。

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

出典

2016-03-30 19:55:25

どんなブラウザでは、開発者モードを有効にして、あなたはJavaScriptコンソールに表示されるいくつかのスペルミスやエラー、およびそれらのいくつかを持っているコンソールをチェックしています。これらのエラーを修正すると、問題の可能性についてより良いアイデアが得られます。

Google Chromeでは、ページを右クリックして[inspect]をクリックし、[Console Tab]を選択します。 Firefoxでは、ページを右クリックして「inspect element」をクリックし、コンソールタブを選択します。

出力の印刷画面を転記することができます。

出典

2016-03-30 19:59:01

JSとhtmlでREST APIを呼び出す

答えて

関連する問題