Как передать данные JSON POST в метод Web API в качестве объекта?

работа с POST в webapi может быть сложной! Хотелось бы добавить к уже правильному ответу..

будет сосредоточен конкретно на сообщении, поскольку работа с GET тривиальна. Я не думаю, что многие будут искать решение проблемы с GET с webapis. В любом случае..

если ваш вопрос - в MVC Web Api, как - - использовать пользовательские имена методов действий, отличные от общих http-глаголов? - Выполнять несколько сообщений? - После нескольких простых типов? - Типы столба сложные через в jQuery?

тогда могут помочь следующие решения:

во-первых, использовать таможни методы действий в веб-API добавьте маршрут веб-api как:

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

и затем вы можете создавать методы действий, такие как:

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

теперь запустите следующий jQuery из консоли браузера

$.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) }
});

во-вторых, выполните несколько сообщений, это просто, создайте несколько методов действий и украсьте [HttpPost] attrib. Использовать [ActionName ("MyAction")] для назначения пользовательских имен и т. д. Придет к jQuery в четвертом пункте ниже

в-третьих, прежде всего, размещение нескольких простой типы в одном действии невозможны. Более того, есть специальный формат опубликовать даже один простой типа (кроме передачи параметра в строке запроса или стиле REST). Это было то, что заставило меня стучать головой с клиентами Rest (например, Fiddler и Chrome Advanced REST client extension) и охота по сети в течение почти 5 часов, когда в конечном итоге следующий URL оказался полезным. Будет цитировать соответствующий контент для ссылки может стать мертвым!

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

PS: заметил специфический синтаксис?

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

в любом случае, давайте покончим с этой историей. Двигаемся дальше:

четвертый, разноска сложных типов через jQuery, конечно, $.ajax () собирается оперативно прийти в роли:

предположим, что метод действия принимает объект Person, который имеет идентификатор и имя. Итак, из 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) }
});

и действие будет выглядеть так:

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

все вышеперечисленное, работало на меня!! Ура!

Я только что играл с этим и обнаружил довольно странный результат. Скажем, у вас есть публичные свойства в вашем классе В C#, например:

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

тогда вы должны сделать JSON.stringify трюк, как предложил Shyju и назовите его так:

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

однако, если вы определяете геттеры и сеттеры в своем классе следующим образом:

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

тогда вы можете назвать это гораздо проще:

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

Это использует HTTP заголовок:

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

Я не совсем уверен, что здесь происходит, но это похоже на ошибку (функция?) в рамках. Предположительно, различные методы привязки вызывают разные "адаптеры", и, хотя адаптер для application/json работает с общедоступными свойствами, для данных, закодированных в форме, нет.

Я понятия не имею, что будет считаться лучшей практикой.

использовать в формате JSON.преобразовать в строки() чтобы получить строку в формате JSON, убедитесь, что при выполнении вызова AJAX вы передаете ниже упомянутые атрибуты:

• contentType: 'application / json'
• тип данных:'json'

Ниже приведен код give jquery для вызова ajax post 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);
    }
});

убедитесь, что служба WebAPI ожидает строго типизированный объект со структурой, соответствующей JSON, который вы передаете. И убедитесь, что вы stringify JSON, который вы публикуете.

вот мой JavaScript (используя 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 ()
        {
        });

и вот мой контроллер WebAPI:

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

следующий код для возврата данных в формате json вместо xml-Web API 2 : -

поместите следующую строку в глобальный.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 дала хороший пример этого:

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

сначала проверьте запрос

if (ModelState.IsValid)

и чем использовать сериализованные данные.

Content = new StringContent(update.Status)

здесь "статус" - это поле сложного типа. Сериализация выполняется .NET, не нужно беспокоиться об этом.

1)на стороне клиента вы можете отправить вам http.post запрос в строке, как показано ниже

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

2) затем в вашем контроллере веб-api вы можете десериализовать его

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

3) Ваш класс ApiReceivedListOfObjects должен быть похож на

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

    }

4) Убедитесь, что ваша сериализованная строка (IndexInfo здесь) становится как ниже структуры перед JsonConvert.Команда DeserializeObject в шаге 2

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