ajax呼び出し.net、C＃

Question

を使用してクライアント側でサーバー側の文字列値を取得します.netアプリケーションを1つ作成しています。そして、私は単に私のajax呼び出しでこの "Hi"文字列を取得したいと考えています。私は何をする必要がありますか？今私はいつも未定義になっています。他に何もない。

私のクライアント側のスクリプトは、ブロー

<script type = "text/javascript"> 
    $(document).ready(function() { 
     $('.cart').click(function() { 
      var id = $(this).attr('id'); 
      CallAddCart(id); 
     }); 
    }); 
    function CallAddCart(ItemId) { 
     $.ajax({ 
      type: "POST", 
      url: "SearchParts.aspx/AddShopCart", 
      data: '{ItemId: "' + ItemId + '"}', 
      contenttype: "application/json; charset=utf-8", 
      datatype: "json", 
      success: function (data) { 
       OnSuccess(data); 
      }, 
      failure: function (response) { 
       alert(response.d); 
      } 
     }); 
    } 

    function OnSuccess(response) { 
     alert('On sucess' + response); 
     alert(response); 
    }   
</script> 

のように見え、UPDATE、私のサーバ側は

[WebMethod()] 
    [ScriptMethod(ResponseFormat = ResponseFormat.Json)] 
    public static string AddShopCart(string ItemId) 
    { 
     return "Hi"; 
    } 

次のようになります。問題は、その1つの小さなミスだった

を解決

これらの問題を引き起こした。問題は "contenttype"と "datatype"でした。両方のタイプの "t"は大文字でなければなりません。すなわち "のcontentType" と "データ型" :)現在、こんにちは:)を取得することができ

私はJSONタイプの値を返すように勧めます

Answer 1

大文字と小文字を区別。以下のスクリプトでは、正しい使い方で更新しました。

以前は「contenttype」と「datatype」でした。今、この一部変更しようと

<script type = "text/javascript"> 
$(document).ready(function() { 
    $('.cart').click(function() { 
     var id = $(this).attr('id'); 
     CallAddCart(id); 
    }); 
}); 
function CallAddCart(ItemId) { 
    $.ajax({ 
     type: "POST", 
     url: "SearchParts.aspx/AddShopCart", 
     data: '{ItemId: "' + ItemId + '"}', 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (data) { 
      OnSuccess(data); 
     }, 
     failure: function (response) { 
      alert(response.d); 
     } 
    }); 
} 

function OnSuccess(response) { 
    alert('On sucess' + response); 
    alert(response); 
    }   
    </script> 

Answer 2

JavaScriptで

[WebMethod()] 
[ScriptMethod(ResponseFormat = ResponseFormat.Json)] 
public static string AddShopCart(string ItemId) 
{ 
    var result = new { d = "Hi" }; 
    return JsonConvert.SerializeObject(result); 
} 

success: function (data) { 
    OnSuccess(data.d); 
} 

Answer 3

[WebMethod] 
public static string AddShopCart(string ItemId) 
{ 
    return "Hi"; 
} 

削除します。 [ScriptMethod(ResponseFormat = ResponseFormat.Json)]

Javascriptを

で

success: function (data) { 
    OnSuccess(data.d); 
} 

クレジット：問題の原因となったhttp://www.aspsnippets.com/Articles/Calling-ASPNet-WebMethod-using-jQuery-AJAX.aspx