javascript - Javascript 对象作为空对象传递给控制器​​“未捕获的 ReferenceError：未定义数据”

Question

我正在使用 asp.net core 3.0 开发openstreetmap。我正在尝试从地图中获取纬度、经度等详细信息作为 javascript 对象并将其发送到控制器。为此，我实现了一个 AJAX 请求以将 javascript 对象传递给控制器​​。但是控制器将对象的值接收为 null。我想知道我在哪里做错了。还是版本问题？下面是我的代码，

我的模特班

public class LocationModel
{
    public int LocationId { get; set; }
    public string LocationName { get; set; }
    public string Note { get; set; }
    public double Latitude { get; set; }
    public double Longitude { get; set; }
}

我的控制器动作方法

[HttpPost]
    public JsonResult Save(LocationModel details)
    {
        return Json(new { result = "OK"});
    }

我的客户端代码

map.on('click', function (e) {
        var name = window.prompt("Add Location Name:", "Text");
        var note = window.prompt("Add Note:", "Text");
        var latitude = e.latlng.lat;
        var longitude = e.latlng.lng;

        var locationdetails = { "LocationName": name, "Note": note, "Latitude": latitude, "Longitude": longitude };
        console.log(locationdetails);

        $.ajax({
            type: "POST",
            url: '/Home/Save',
            contentType: "application/json",
            dataType: "json",
            data: JSON.stringify({details: locationdetails}),
            success: function (response) {
                alert(data);
            },
            error: function (xhr) {
                console.log(xhr.responseText);
                alert("Error has occurred..");
            }
        });
    });

在这里，locationdetails变量包含我需要传递给控制器​​的所有详细信息。从 AJAX 调用，它不工作。如果有人能指出我的错误，那就太好了。提前致谢！

标签： javascriptajaxasp.net-core.net-core-3.0

Answer 1

控制器接收对象的值为 null。

要获得预期的数据，您可以修改如下代码。

jQuery AJAX 代码

$.ajax({

    //...
    //other options
    //...

    data: JSON.stringify(locationdetails),
    success: function (response) {
        alert(response.result);
    },

    //...
});

控制器动作

[HttpPost]
public JsonResult Save([FromBody]LocationModel details)
{
    return Json(new { result = "OK" });
}

测试结果