Jak przekazać dane JSON POST do metody Web API jako obiekt?

Praca z postem w webapi może być trudna! Chciałbym dodać do już poprawnej odpowiedzi..

Skupi się na poście, ponieważ radzenie sobie z GETEM jest trywialne. Nie sądzę, aby wielu szukało rozwiązania problemu z GET with webapis. W każdym razie..

Jeśli twoje pytanie dotyczy-w MVC Web Api, jak - - używać niestandardowych nazw metod akcji innych niż ogólne czasowniki HTTP? - Wykonać kilka postów? - Po wielu prostych typów? - Po złożeniu typów poprzez jQuery?

W takim razie pomocne mogą być następujące rozwiązania:

Po pierwsze, aby użyć własnych metod działania W Web API, dodaj trasę web api jako:

public static void Register(HttpConfiguration config)
{
    config.Routes.MapHttpRoute(
        name: "ActionApi",
        routeTemplate: "api/{controller}/{action}");
}

I wtedy można tworzyć metody akcji takie jak:

[HttpPost]
public string TestMethod([FromBody]string value)
{
    return "Hello from http post web api controller: " + value;
}

Teraz odpal poniższy jQuery z konsoli przeglądarki

$.ajax({
    type: 'POST',
    url: 'http://localhost:33649/api/TestApi/TestMethod',
    data: {'':'hello'},
    contentType: 'application/x-www-form-urlencoded',
    dataType: 'json',
    success: function(data){ console.log(data) }
});

Po drugie, aby wykonać wiele postów , jest to proste, utworzyć wiele metod akcji i udekorować za pomocą [HttpPost] attrib. Użyj [ActionName("MyAction")], aby przypisać własne nazwy, itd. Pojawi się w jQuery w czwartym punkcie poniżej

Po trzecie, po pierwsze, umieszczanie wielu typów prostych w jednej akcji nie jest możliwe. Ponadto istnieje specjalny format do wysyłania nawet pojedynczego prostego typu (poza przekazaniem parametru w łańcuchu zapytania lub stylu REST). To był punkt, który sprawił, że walnąłem się w głowę z Klientami Rest (takimi jak Fiddler i rozszerzenie Advanced Rest client Chrome) i polowałem po Internecie przez prawie 5 godzin kiedy w końcu, poniższy URL okazał się pomocny. Zacytuje odpowiednią treść Dla linku może okazać się martwy!

Content-Type: application/x-www-form-urlencoded
in the request header and add a = before the JSON statement:
={"Name":"Turbo Tina","Email":"[email protected]"}

PS: zauważyłeśosobliwą składnię ?

Http://forums.asp.net/t/1883467.aspx?The+received+value+is+null+when+I+try+to+Post+to+my+Web+Api

Czwarty, wysyłanie typów złożonych przez jQuery, ofcourse,$.ajax() wkrótce pojawi się w roli:

Niech mówimy, że metoda akcji akceptuje obiekt Person, który ma id i nazwę. Tak, z javascript:

var person = { PersonId:1, Name:"James" }
$.ajax({
    type: 'POST',
    url: 'http://mydomain/api/TestApi/TestMethod',
    data: JSON.stringify(person),
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    success: function(data){ console.log(data) }
});

A akcja będzie wyglądała następująco:

[HttpPost]
public string TestMethod(Person person)
{
    return "Hello from http post web api controller: " + person.Name;
}

Po prostu bawiłem się tym i odkryłem dość dziwny wynik. Powiedzmy, że masz publiczne właściwości na swojej klasie w C# w ten sposób:

public class Customer
{
    public string contact_name;
    public string company_name;
}

var customer = {contact_name :"Scott",company_name:"HP"};
$.ajax({
    type: "POST",
    data :JSON.stringify(customer),
    url: "api/Customer",
    contentType: "application/json"
});

Jeśli jednak zdefiniujesz gettery i settery na swojej klasie w następujący sposób:

public class Customer
{
    public string contact_name { get; set; }
    public string company_name { get; set; }
}

Wtedy możesz nazwać to znacznie prościej:

$.ajax({
    type: "POST",
    data :customer,
    url: "api/Customer"
});

Używa nagłówka HTTP:

Content-Type:application/x-www-form-urlencoded

Nie jestem do końca pewien, co tu się dzieje, ale to wygląda jak bug (feature?) w ramach. Prawdopodobnie różne metody wiązania wywołują różne "adaptery" i podczas gdy adapter dla aplikacji/json działa z właściwościami publicznymi, ten dla zakodowanych danych nie działa.]} Nie mam pojęcia, co można by uznać za najlepszą praktykę.

Użyj JSON.stringify () aby uzyskać ciąg znaków w formacie JSON, upewnij się, że podczas wykonywania wywołania AJAX przekazujesz niżej wymienione atrybuty:

• contentType: 'application / json'
• dataType: 'json'

Poniżej znajduje się kod give jquery do wywołania ajax post do asp.net web api:

var product =
    JSON.stringify({
        productGroup: "Fablet",
        productId: 1,
        productName: "Lumia 1525 64 GB",
        sellingPrice: 700
    });

$.ajax({
    URL: 'http://localhost/api/Products',
    type: 'POST',
    contentType: 'application/json',
    dataType: 'json',
    data: product,
    success: function (data, status, xhr) {
        alert('Success!');
    },
    error: function (xhr, status, error) {
        alert('Update Error occurred - ' + error);
    }
});

Upewnij się, że usługa WebAPI oczekuje silnie wpisanego obiektu o strukturze pasującej do JSON, który przekazujesz. I upewnij się, że dodajesz JSON, który publikujesz.

Oto Mój JavaScript (za pomocą AngluarJS):

$scope.updateUserActivity = function (_objuserActivity) {
        $http
        ({
            method: 'post',
            url: 'your url here',
            headers: { 'Content-Type': 'application/json'},
            data: JSON.stringify(_objuserActivity)
        })
        .then(function (response)
        {
            alert("success");
        })
        .catch(function (response)
        {
            alert("failure");
        })
        .finally(function ()
        {
        });

A oto mój Kontroler WebAPI:

[HttpPost]
[AcceptVerbs("POST")]
public string POSTMe([FromBody]Models.UserActivity _activity)
{
    return "hello";
}

Poniższy kod zwraca dane w formacie json, zamiast XML-Web API 2 :-

Umieść następującą linię w globalnym.plik asax

GlobalConfiguration.Configuration.Formatters.JsonFormatter.SerializerSettings.ReferenceLoopHandling = Newtonsoft.Json.ReferenceLoopHandling.Ignore;
        GlobalConfiguration.Configuration.Formatters.Remove(GlobalConfiguration.Configuration.Formatters.XmlFormatter);

@model MVCClient.Models.ProductDetails

@{
    ViewBag.Title = "ProductDetails";
}
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script type="text/javascript">

    $(document).ready(function () {
        $("#Save").click(function () {
            var ProductDetails = new Object();
            ProductDetails.ProductName =  $("#txt_productName").val();
            ProductDetails.ProductDetail = $("#txt_desc").val();
            ProductDetails.Price= $("#txt_price").val();
            $.ajax({
                url: "http://localhost:24481/api/Product/addProduct",
                type: "Post",
                dataType:'JSON',
                data:ProductDetails, 

                success: function (data) {
                    alert('Updated Successfully');
                    //window.location.href = "../Index";
                },
                error: function (msg) { alert(msg); }
            });
        });
    });
    </script>
<h2>ProductDetails</h2>

<form id="form1" method="post">
    <fieldset>
        <legend>ProductDetails</legend>


        <div class="editor-label">
            @Html.LabelFor(model => model.ProductName)
        </div>
        <div class="editor-field">

            <input id="txt_productName" type="text" name="fname">
            @Html.ValidationMessageFor(model => model.ProductName)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.ProductDetail)
        </div>
        <div class="editor-field">

            <input id="txt_desc" type="text" name="fname">
            @Html.ValidationMessageFor(model => model.ProductDetail)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Price)
        </div>
        <div class="editor-field">

            <input id="txt_price" type="text" name="fname">
            @Html.ValidationMessageFor(model => model.Price)
        </div>



        <p>
            <input id="Save" type="button" value="Create" />
        </p>
    </fieldset>

</form>
    <div>
        @Html.ActionLink("Back to List", "Index")
    </div>

</form>



@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

Microsoft dał dobry przykład:

Https://docs.microsoft.com/en-us/aspnet/web-api/overview/advanced/sending-html-form-data-part-1

Najpierw Zatwierdź żądanie

if (ModelState.IsValid)

A następnie użyć danych seryjnych.

Content = new StringContent(update.Status)

Tutaj 'Status' jest polem typu complex. Serializacja jest wykonywana przez. Net, nie musisz się o to martwić.

1) Po stronie klienta możesz wysłać http.post request in string like below

var IndexInfo = JSON.stringify(this.scope.IndexTree);
this.$http.post('../../../api/EvaluationProcess/InsertEvaluationProcessInputType', "'" + IndexInfo + "'" ).then((response: any) => {}

2) Następnie w kontrolerze web api możesz go deserializować

public ApiResponce InsertEvaluationProcessInputType([FromBody]string IndexInfo)
    {
var des = (ApiReceivedListOfObjects<TempDistributedIndex>)Newtonsoft.Json.JsonConvert.DeserializeObject(DecryptedProcessInfo, typeof(ApiReceivedListOfObjects<TempDistributedIndex>));}

3) twoja klasa ApiReceivedListOfObjects powinna być taka jak poniżej

public class ApiReceivedListOfObjects<T>
    {
        public List<T> element { get; set; }

    }

4)Upewnij się, że Twój serializowany łańcuch znaków (IndexInfo tutaj) będzie podobny do poniższej struktury przed JsonConvert.Polecenie DeserializeObject w Kroku 2

var resp = @"
    {
        ""element"": [
        {
            ""A"": ""A Jones"",
            ""B"": ""500015763""
        },
        {
            ""A"": ""B Smith"",
            ""B"": ""504986213""
        },
        {
            ""A"": ""C Brown"",
            ""B"": ""509034361""
        }
        ]
    }";