如何将 Ajax Json 对象传递给 .Net Core 中的控制器 Class？

Question

我们正在尝试向我们的核心 Web API 发出 Ajax 请求，并将 data Json 结果返回给控制器进行进一步处理，其中包括Json 对象结果的反序列化，Ajax 请求工作正常，我们能够在 data.

中获得所需的 Json 数据

这里的任何人都可以建议更改或实现此目标的替代方案吗？

查看（Ajax请求）

@section scripts
{
<script type="text/javascript">
    $(document).ready(function () {
    GetEventDetails('@Url.Content("~/")');
    });



    function GetEventDetails(contextRoot) {
    $.ajax({
    type: "GET",
    url: contextRoot + "api/EventsAPI",
    dataType: "json",
    success: function (data) {
        debugger;
        var datavalue = data;
        contentType: "application/json";
        //Send data to controller ???
        console.log(data);
    },
    error: function (xhr) {
        alert(xhr.responseText);
    }
    });
    }
</script>
}

Controller.cs

public ActionResult Index()
{    
    /*Do all stuff before returning view 
    1. Get Json Data from Ajax request
    2. Deserialize the obtained Json Data
    3. return to view
    */
    return View("Index");
}

更新：

我试过@J给出的方案。 Doe，但是还是拿不到结果集。请检查屏幕截图和下面的代码..

Ajax 请求：

function GetEventDetails(contextRoot) {        
        $.ajax({
            type: "GET",
            url: contextRoot + "api/EventsAPI",
            dataType: "json",
            success: function (data) {
                debugger;
                var datavalue = data;
                contentType: "application/json; charset=utf-8";                 
                console.log(data);
                var EventJson = data;
                console.log(EventJson);
                $.ajax({             
                    type: "POST",
                    url: "@Url.Action("Index")",
                    dataType: "json",
                    data: EventJson,
                    contentType: "application/json; charset=utf-8",                        
                        //data: EventJson,                       
                    success: function (data) {
                        alert(data.responseText);
                        console.log('Data received: ');
                        console.log(data.responseText);                           
                    },
                    failure: function (errMsg) {
                        console.log(errMsg);
                }
            });
    },
    error: function (xhr) {
        alert(xhr.responseText);
    }
});
}

Class 属性：

public class RootObject
{
    public Embedded _embedded { get; set; }
    public Links _links { get; set; }
    public Page page { get; set; }
}

这是操作结果控制器：

public ActionResult Index(RootObject model)
{
    if (model != null)
    {
        return Json("Success");
    }
    else
    {
        return Json("An Error Has occoured");
    }
    //return View("Index");
}

错误快照：

enter image description here

Answer 1

We are trying

你好苏联sojuz！

但回到问题 - 2 个月前我使用 ajax 和 .Net Core 在 GitHub 上创建了示例 - https://github.com/CShepartd/ASP.Net_Core_-_Ajax_Example

简而言之：

对控制器中的对象进行操作：

    public IActionResult Ajax(string name1, string name2)
    {
        return View();
    }

下一个视图将 name1 和 name2 发送到操作

$('form').submit(function(event) {
            event.preventDefault();
            var data = {
                name1: $("input[name='name1']", this).val(),
                name2: $("input[name='name2']",this).val()
            };

            $.ajax({
                type: 'POST',
                url: '/Home/Ajax',
                dataType: 'json',
                data: data,
                success: function(response) {
                    alert(response);
                    console.log('Data received: ');
                    console.log(response);
                },
                failure: function(response) {
                    //...
                },
                error: function(response) {
                    //...
                }
            });
        });

Answer 2

1) 添加[FromBody]你要返回的控制器。这将使控制器期待一个 JSON 对象。

[HttpPost]
public ActionResult Index([FromBody]RootObject model)
    {
        if (model != null)
        {
            return Json("Success");
        }
        else
        {
            return Json("An Error Has occoured");
        }
        //return View("Index");
    }

2) 如果这不起作用，你没有发布正确的 json object/you 没有发布 json 对象使用 console.dir(EventJson); 检查你的对象正在通过浏览器的控制台。

3) 如何在JS中创建一个JSON对象：https://www.w3schools.com/js/js_json_stringify.asp

如何将 Ajax Json 对象传递给 .Net Core 中的控制器 Class？

How to pass Ajax Json object to the Controller Class in .Net Core?

ajax

asp.net-core

asp.net-core-webapi