Gửi dữ liệu JSON qua POST (ajax) và nhận phản hồi json từ Trình điều khiển (MVC)

Tôi đã tạo một hàm trong javascript như thế:

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

Tôi đã gọi jquery.json-2.3.min.jstập tin script và tôi đã sử dụng nó cho toJSON(array)phương thức.

Trong bộ điều khiển, tôi có Addhành động này

[HttpPost]
public ActionResult Add(PersonSheets sendInfo) {
    bool success = _addSomethingInList.AddNewSomething( sendInfo );

    return this.Json( new {
         msg = success
    });

}

Nhưng sendInfo khi tham số phương thức trở thành null.

Ngươi mâu:

public struct PersonSheets
{
    public int Id;
    public string Name;
    public string Address;
    public string Phone;
}

public class PersonModel
{
    private List<PersonSheets> _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;
    }
}

Làm thế nào tôi có thể làm trong phương thức hành động khi dữ liệu được gửi bằng POST?

Tôi không biết cách sử dụng. Ngoài ra, có thể gửi lại phản hồi (tới ajax) qua JSON không?

Tạo một mô hình

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

Bộ điều khiển như dưới đây

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

Javascript

<script type="text/javascript">
    function send() {
        var person = {
            name: $("#id-name").val(),
            address:$("#id-address").val(),
            phone:$("#id-phone").val()
        }

        $('#target').html('sending..');

        $.ajax({
            url: '/test/PersonSubmit',
            type: 'post',
            dataType: 'json',
            contentType: 'application/json',
            success: function (data) {
                $('#target').html(data.msg);
            },
            data: JSON.stringify(person)
        });
    }
</script>

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

và trong hành động

public ActionResult AddDomain(IEnumerable<PersonSheets> SendInfo){
...

bạn có thể liên kết mảng của bạn như thế này

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

Hy vọng điều này có thể giúp bạn.

Sử dụng JSON.stringify(<data>) .

Thay đổi mã của bạn: data: sendInfothành data: JSON.stringify(sendInfo). Hy vọng điều này có thể giúp bạn.

Để đăng JSON, bạn sẽ cần phải xâu chuỗi nó. JSON.stringifyvà đặt processDatatùy chọn thành false.

$.ajax({
    url: url,
    type: "POST",
    data: JSON.stringify(data),
    processData: false,
    contentType: "application/json; charset=UTF-8",
    complete: callback
});

PersonSheets của bạn có một thuộc tính int Id, Idkhông có trong bài viết, vì vậy việc tạo mô hình không thành công. Biến Id thành nullable (int?) Hoặc gửi ít nhất Id = 0 với POst.

Bạn không cần phải gọi $.toJSONvà thêmtraditional = true

data: { sendInfo: array },
traditional: true

sẽ làm.