Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Nero Luz

Serializar lista utilizando Jquery

Recommended Posts

Pessoal, boa noite!

Tenho uma lista na página que está disponível no link abaixo e preciso saber como posso serializar esta lista para enviar para o servidor utilizando ajax, quando realizo submit na página o método recebe a lista de objetos, porém através de ajax não consegui.
Segue abaixo os métodos que são utilizados.

 

Código HTML

<form action="/Entity/" id="form" method="post">            <div id="editorRows">


<div class="editorRow">
<input type="hidden" name="gifts.index" autocomplete="off" value="28e4c986-5145-4f7e-987c-43f7e239875f">
        <div class="row">


            <div class="col-lg-5 gifts">
                <label for="gifts_28e4c986-5145-4f7e-987c-43f7e239875f__Name">Name</label>
                <input id="gifts_28e4c986-5145-4f7e-987c-43f7e239875f__Name" name="gifts[28e4c986-5145-4f7e-987c-43f7e239875f].Name" type="text" value="Gift One">
            </div>
            <div class="col-lg-5 gifts">
                <label for="gifts_28e4c986-5145-4f7e-987c-43f7e239875f__Price">Price</label>
                <input data-val="true" data-val-number="The field Price must be a number." id="gifts_28e4c986-5145-4f7e-987c-43f7e239875f__Price" name="gifts[28e4c986-5145-4f7e-987c-43f7e239875f].Price" size="4" type="text" value="14,5">
            </div>
            <a href="#" onclick="deleteContainer(this)">Delete</a> 
        </div>
</div>


<div class="editorRow">
<input type="hidden" name="gifts.index" autocomplete="off" value="260079e2-9394-480d-9c0e-b16d4f556353">
        <div class="row">


            <div class="col-lg-5 gifts">
                <label for="gifts_260079e2-9394-480d-9c0e-b16d4f556353__Name">Name</label>
                <input id="gifts_260079e2-9394-480d-9c0e-b16d4f556353__Name" name="gifts[260079e2-9394-480d-9c0e-b16d4f556353].Name" type="text" value="Gift two">
            </div>
            <div class="col-lg-5 gifts">
                <label for="gifts_260079e2-9394-480d-9c0e-b16d4f556353__Price">Price</label>
                <input data-val="true" data-val-number="The field Price must be a number." id="gifts_260079e2-9394-480d-9c0e-b16d4f556353__Price" name="gifts[260079e2-9394-480d-9c0e-b16d4f556353].Price" size="4" type="text" value="27,38">
            </div>
            <a href="#" onclick="deleteContainer(this)">Delete</a> 
        </div>
</div>
            </div>
<a href="/Entity/GiftList/BlackEditorRow" id="addItem">Add Another...</a>            <input type="submit" value="Save changes">
</form>

 

Chamada a requisição Ajax

            $("#addItem").click(function () {
                $.ajax({
                    url: this.href,
                    cache: false,
                    dateType: 'json',
                    success: function (html) { $("#editorRows").append(html); }
                });
                return false;
            });

Método que será chamado através de Ajax

public ViewResult BlackEditorRow(IEnumerable<Gift> Gifts)
{
return View("GiftEditorRow", new Gift());
}

Link da página

http://brt-dashboard-dev.elasticbeanstalk.com/GiftList

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.