.net - HTML5: Javascript を使用して .NET Web サービスを利用する方法は? (HTTP ポスト)

Question

これで私を助けてください。ウェブサイト、.NET Service(.asmx) に HTML5 を使用しています。テキストの文字列を返す getText() メソッドがあります。それを呼び出して、html5 Web ページに表示するにはどうすればよいですか?

.NET ウェブサービス

getText(){
    return "Hello";
    }

Answer 1

Dave Wardは、この正確なシナリオを実現するためのコードを説明する非常に役立つ記事を作成しました。

jQueryを使用してASP.NETJSONWebサービスを使用する

<div>これは、サーバーからの応答をタグに出力するだけの基本的な例です。

<div id="output"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
  $(function() {
    $.ajax({
      type: "POST",
      url: "PATH-TO-WEB-SERVICE.asmx/WEB-SERVICE-METHOD-NAME",
      data: "{}",
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function(response) {
        $('#output').html(response);
      }
    });
  });
</script>

Answer 2

まず、最新の jquery ライブラリをインクルードします。以下は、asmx Web サービスからデータを取得するための単純な ajax 呼び出しです。私が使用したデータ型はjsonです。サービスからの応答が成功すると、「SuccessFunc」関数が呼び出されます。それ以外の場合は「FailedFunc」が呼び出されます。

function GetText() {
                try {
                    $.ajax({
                        type: "POST",
                        url: "http://localhost/YourService/YourService.asmx/GetText",
                        data: "{''}",
                        contentType: "application/json; charset=utf-8",
                        success: SucceedFunc,
                        dataType: "json",
                        failure: FailedFunc
                    });
                }
                catch (e) {
                    alert('failed to call web service. Error: ' + e);
                }
            }

失敗した機能

function FailedFunc(error) {
     alert('error: ' + error);    
        }

成功関数

function SuccessFunc(responce) {
           alert(eval(responce.d));
        }