ajaxを用いてC#のコントローラへのPOST

Question

###前提・実現したいこと
visual studioでJSファイルを用いてC#で書いたコントローラとの連携を行おうと考えています。
そのためにajax通信を用いているのですが、うまくデータがpostできません。
コンソールで受け取ったデータの出力も行なっているのですが、何も表示されません。

###該当のソースコード

var app = angular.module('myApp');

app.controller('myController', ['$scope', function ($scope) {

var str = "test";
var data = {};

   $.ajax({
       type: "POST",
       url: "/Test/Hoge",
       data: str,
       async: false,
       success: function (ret) {
           data = ret.Data;
       },
       error: function (e) { }
   })
}]);

public class TestController : Controller
   {
public JsonResult Hoge(string str)
       {
           Debug.WriteLine("アクセス成功");//アクセスできているかの確認
           Debug.WriteLine(str);//デバッグ用 何も表示され無い  

//以下何かしらの動作の記述...

       }
}

Answer 1

data に設定するのは JavaScript オブジェクト、例えば今回の例では、

data: { str: "test" },

のようにすれば、application/x-www-form-urlencoded 形式に変換されて str=test のようなコンテンツとして送信され、モデルバインディングでアクションメソッドの引数 str に "test" という文字列が渡されると思います。お試しください。

【参考】
jQuery.ajax の data の型
http://surferonwww.info/BlogEngine/post/2015/10/05/what-must-be-set-to-data-option-in-jquery-ajax.aspx

Comments

[344]

こちらの方法でも下の方と同じようなことが実装できることを確認しました。
ありがとうございます！

Answer 2

$.ajax({
  type: "POST",
  url: "/Test/Hoge",
  data: "str=" + str,
  async: false,
  success: function (ret) {
    data = ret.Data;
  },
  error: function (e) { }
})

で試してみてください。

Comments

[344]

うまくPOSTすることが出来ました。
ありがとうございます！

Answer 3

$.ajax({
  type: "POST",
  url: "/Test/Hoge/" + str,
  // data: str,
  async: false,
  success: function (ret) {
    data = ret.Data;
  },
  error: function (e) { }
})

data: str はコメントアウトして、urlにstrをつなげた場合どうなります？

Comments

[344]

C#のコントローラの方にアクセスできたかのデバックメッセージを作成したのですが、
それすら表示されませんでした...