如何将 JSON 对象中的数组从 javascript 传递到 asp.net mvc 控制器方法

本文关键字：asp net 方法 控制器 mvc javascript JSON 对象 数组 | 更新日期: 2023-09-27 18:32:18

我的模型：

public class Company
{
    [BsonElement]
    [BsonRepresentation(MongoDB.Bson.BsonType.String)]
    public String PlaceId { get; set; }
    [BsonElement]
    [BsonRepresentation(MongoDB.Bson.BsonType.String)]
    public string Name { get; set; }
    [BsonElement]
    [BsonRepresentation(MongoDB.Bson.BsonType.String)]
    [BsonIgnoreIfNull]
    public string Email { get; set; }
    [BsonElement]
    [BsonRepresentation(MongoDB.Bson.BsonType.Double)]
    public Double Rating { get; set; }
    [BsonElement]
    [BsonIgnoreIfNull]
    public Department Department { get; set; }
    [BsonElement]
    [BsonIgnoreIfNull]
    public Product Product { get; set; }
    [BsonElement]        
    public Comment[] Comments { get; set; }       
}
public class Comment
{
    [BsonElement]
    public String Text { get; set; }
}

我的控制器方法：

public JsonResult SavePlace(Company company)
{
    if (company != null)
    {
        var client = new MongoClient("mongodb://localhost");
        var database = client.GetDatabase("mongogoogleplace");
        var placeData = database.GetCollection<BsonDocument>("googledatanew");

        var department = company.Department.ToBsonDocument();
        var product = company.Product.ToBsonDocument();
        //var comments = company.Comments.ToBsonElement();
        var companyModel = company.ToBsonDocument();           
        var filter = Builders<BsonDocument>.Filter.Eq("PlaceId", company.PlaceId);
        var projection = Builders<BsonDocument>.Projection
                .Exclude("_id");
        //BsonDocument document = new BsonDocument();
        var document = placeData.Find(filter).Project(projection).FirstOrDefault();
        var documentJson = document.ToJson();
        return Json(documentJson);   
    }
    else
    {
        return Json(new { data = "error." });
    }
}

Javascript片段：

var company = { "PlaceId": PlaceId, "Name": Name, "Rating": Rating, "Comments": [{ Comment: { Text: '' } }, { Comment: { Text: '' } }, { Comment: { Text: '' } }, { Comment: { Text: '' } }, { Comment: { Text: '' } } ] };
for (var i = 0; i < CommentsArray.length; i++) {
    company.Comments[i].Comment.Text = CommentsArray[i];
};
$.ajax({
    type: "POST",
    url: "../Home/SavePlace",
    data:  company,
    // dataType: "json",
    success: function (data){}

但是每次我得到的评论都是空的。

如何将 JSON 对象中的数组从 javascript 传递到 asp.net mvc 控制器方法

在数据中，您需要通过以下方式将对象转换为 JSON：

data: JSON.stringify(company)

现在在您的方法中，您应该能够获得评论。另一种方式是这样的：

data: { company: company }

其中，名字必须与操作方法中的参数名称相同。我不确定 100% 有效，因为我不确定公司是否会正确转换为 C# 对象。

更改：

data:  company

自

data : {company: company}

操作需要具有名为 company 的参数的对象。

您的操作必须如下所示：

[HttpPost]
public JsonResult SavePlace(Company company)
{
    // Your code
}

您的 Ajax 请求：

$.ajax({
    type: "POST",
    url: "../Home/SavePlace",
    data:  JSON.stringify(company),
    contentType: "application/json; charset=utf-8",
    success: function (data){}
});

按如下方式定义公司对象：

var company = {
    PlaceId: "XXXX", 
    Name: "XXXX", 
    Rating: 10.0, 
    Comments: [
        Comment: { Text: '' },
        Comment: { Text: '' },
        Comment: { Text: '' },
        Comment: { Text: '' },
        Comment: { Text: '' }
    ]
};

这是一个完整的工作示例。视图的代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
    var company = {
        PlaceId: "XXXX", 
        Name: "XXXX", 
        Rating: 10.0, 
        Comments: [
            Comment: { Text: '' },
            Comment: { Text: '' },
            Comment: { Text: '' },
            Comment: { Text: '' },
            Comment: { Text: '' }
        ]
    };
    $(document).ready(function(){
        $("#toto").on("click", function () {
            $.ajax({
                type: "POST",
                url: "../Home/SavePlace",
                data:  JSON.stringify(company),
                contentType : "application/json; charset=utf-8",
                dataType: "json",
            });
        });
    });
</script>
<input type="button" id="toto" />

c# 和控制器代码：

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return this.View();
    }
    [HttpPost]
    public JsonResult SavePlace(Company company)
    {
        if (company != null)
        {
            return Json(new { data = "fine." });
        }
        else
        {
            return Json(new { data = "error." });
        }
    }
}
public class Company
{
    public String PlaceId { get; set; }
    public string Name { get; set; }
    public string Email { get; set; }
    public Double Rating { get; set; }
    public object Department { get; set; }
    public object Product { get; set; }
    public Comment[] Comments { get; set; }
}
public class Comment
{
    public String Text { get; set; }
}
相关文章：