通过POST发送JSON数据（Ajax），并从控制器（MVC）接收JSON响应。

23 浏览
0 Comments

通过POST发送JSON数据（Ajax），并从控制器（MVC）接收JSON响应。

我在 JavaScript 中创建了一个函数，像这样：

function addNewManufacturer() {
    var name = $("#id-manuf-name").val();
    var address = $("#id-manuf-address").val();
    var phone = $("#id-manuf-phone").val();
    var sendInfo = {
        Name: name,
        Address: address,
        Phone: phone
    };
    $.ajax({
        type: "POST",
        url: "/Home/Add",
        dataType: "json",
        success: function (msg) {
            if (msg) {
                alert("Somebody" + name + " was added in list !");
                location.reload(true);
            } else {
                alert("Cannot add to list !");
            }
        },
        data: sendInfo
    });
}

我调用了 jquery.json-2.3.min.js 脚本文件，并使用它来进行 toJSON(array) 方法。

在控制器中，我有这个 Add 操作：

[HttpPost]
public ActionResult Add(PersonSheets sendInfo) {
    bool success = _addSomethingInList.AddNewSomething( sendInfo );
    return this.Json( new {
         msg = success
    });
}

但是，作为方法参数的 sendInfo 变成了 null。

模型：

public struct PersonSheets
{
    public int Id;
    public string Name;
    public string Address;
    public string Phone;
}
public class PersonModel
{
    private List _list;
    public PersonModel() {
         _list= GetFakeData();
    }
    public bool AddNewSomething(PersonSheets info) {
         if ( (info as object) == null ) {
            throw new ArgumentException( "Person list cannot be empty", "info" );
         }
         PersonSheets item= new PersonSheets();
         item.Id = GetMaximumIdValueFromList( _list) + 1;
         item.Name = info.Name;
         item.Address = info.Address;
         item.Phone = info.Phone;
         _list.Add(item);
         return true;
    }
}

当数据使用 POST 发送时，我该怎么在操作方法中处理？

我不知道如何使用。此外，是否可以通过 JSON 将响应发送回 Ajax？

admin 更改状态以发布 2023年5月23日
0

2 答案

0 Comments

创建一个模型

\n

public class Person
{
    public string Name { get; set; }
    public string Address { get; set; }
    public string Phone { get; set; }
}

\n

以下是控制器

\n

    public ActionResult PersonTest()
    {
        return View();
    }
    [HttpPost]
    public ActionResult PersonSubmit(Vh.Web.Models.Person person)
    {
        System.Threading.Thread.Sleep(2000);  /*simulating slow connection*/
        /*Do something with object person*/
        return Json(new {msg="Successfully added "+person.Name });
    }

\n

Javascript

\n

0
0 Comments 

var SendInfo= { SendInfo: [... your elements ...]};
        $.ajax({
            type: 'post',
            url: 'Your-URI',
            data: JSON.stringify(SendInfo),
            contentType: "application/json; charset=utf-8",
            traditional: true,
            success: function (data) {
                ...
            }
        });

并且在实际使用时

public ActionResult AddDomain(IEnumerable SendInfo){
...

您可以像这样绑定您的数组

var SendInfo = [];
$(this).parents('table').find('input:checked').each(function () {
    var domain = {
        name: $("#id-manuf-name").val(),
        address: $("#id-manuf-address").val(),
        phone: $("#id-manuf-phone").val(),
    }
    SendInfo.push(domain);
});

希望这能帮到您。

0