4

jquery で JSON 文字列を作成しました。それを C# Web API コントローラーに送信したいと考えています。

これは JSON オブジェクトの例です

{"Name":"","Type":"4","Meals":["2","3"],"Excludes":["Beef","Chicken"]}

こんなURLで送ってみた

API/Recipe/Search?json={"Name":"","Type":"4","Meals":["2","3"],"Excludes":["Beef","Chicken"]}

私のコントローラーを次のように使用します。

public class RecipeController : ApiController
{

    [HttpGet]
    public string Search(searchObject json)
    {
        return "Asdasd";
    }
 }

そしてこのように

   public class RecipeController : ApiController
{

    [HttpGet]
    public string Search(string json)
    {
        searchObject search = (searchObject)JsonConvert.DeserializeObject(json);

        return "Asdasd";
    }
}

ただし、どちらの場合も、コントローラーはそれを取得しません。MVC4を使用しています。

これが私が呼び出しを行うために使用しているJqueryです。apiLink は、私が上に投稿したリンクです。

$.getJSON(apiLink, function (data) {
        var items = [];

        $.each(data, function (key, val) {
            items.push('<li id="' + key + '">' + val + '</li>');
        });

        $('<ul/>', {
            'class': 'my-new-list',
            html: items.join('')
        }).appendTo('body');
    });

コントローラーが JSON オブジェクトを受け取るようにするにはどうすればよいですか?

ありがとう

4

2 に答える 2

4

メソッドで POST 属性を使用する必要があります。これにより、複雑なオブジェクトを Web API に投稿できるようになります。

json から cSharpまで、JSON のクラスを作成できます。

public class SearchObject
{
    public string Name { get; set; }
    public string Type { get; set; }
    public List<string> Meals { get; set; }
    public List<string> Excludes { get; set; }
}

次に、Web API で HttpPost 属性を使用してメソッドを指定します。Web API は、テンプレートへの投稿で json の逆シリアル化を処理します。

[HttpPost]
public string Search(SearchObject json)
{
    return "Asdasd";
}

リクエストヘッダーでタイプを指定して、ポストリクエストを行うためにフィドラーを試すことができます：

コンテンツ タイプ:application/json

リクエスト本文にjsonを貼り付け、実行します

于 2012-07-18T04:14:31.067 に答える
0

すでに応答を受け取っているようですが、実際のソリューションのコードは次のとおりです。

注: MVC3 で JsonResult アクションを使用しましたが、原則は同じです

コントローラ：

    public class HomeController : Controller
    {
        //
        // GET: /Home/

        public ActionResult Index()
        {
            return View();
        }

        [HttpPost] // requires HttpPost attribute
        public JsonResult SendData(SearchObject payload)
        {
            // do something here

            return Json(new { status = "Success" });
        }
    }

    public class SearchObject
    {
        public string Name { get; set; }
        public string Type { get; set; }
        public List<string> Meals { get; set; }
    }

意見：

@{
    ViewBag.Title = "Index";
}
<script src="../../Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $.ajaxSetup({ accepts: "application/json" });
    $.ajax({
        url: '@Url.Action("SendData")', type: "POST",
        success: function (data) {
            alert(data.status); 
        },
        error: function (a, b, c) { },
        data: { 'Name':'Glenn','Type':'4','Meals':["1","2"] }
    });
</script>

<h2>Index</h2>

お役に立てれば...

于 2012-07-18T04:22:46.440 に答える