Отправка данных JSON через POST (ajax) и получение ответа json от контроллера (MVC)

Question

Отправка данных JSON через POST (ajax) и получение ответа json от контроллера (MVC)

Я создал такую функцию в 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<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;

    }

}

как я мог сделать в методе действия, когда данные были отправлены с POST ?

Я не знаю, как использовать.
Кроме того, можно отправить вернуть ответ (на ajax) через JSON ?

спасибо

1165 5

jQuery asp.net-mvc json ajax

5 ответов:

Comments

Ничего не найдено.

Praveen Prasad · Accepted Answer · 2018-06-12 18:27:09

создать модель

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

Контроллеры, Как Показано Ниже

    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>

Neha · Accepted Answer · 2015-12-09 11:49:23

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

надеюсь, это может помочь вам.

Hiep Nguyen · Accepted Answer · 2015-12-09 11:46:40

использовать JSON.stringify(<data>).

изменить ваш код: data: sendInfo to data: JSON.stringify(sendInfo). Надеюсь, что это может помочь вам.

Kirsten · Accepted Answer · 2016-10-27 17:13:04

ваш PersonSheets имеет свойство int Id,Id не находится в сообщении, поэтому modelbinding не удается. Сделать код, допускающий значение null (инт?) или отправить по крайней мере Id = 0 с сообщением .

Abdul Munim · Accepted Answer · 2011-12-15 10:46:04

вам не нужно звонить $.toJSON и добавить traditional = true
data: { sendInfo: array },
traditional: true
будет делать.