Return a Partial View In JSON from a Controller in MVC

You could return a flag that tell you if you got errors or not, and depending on this flag, a different set of data. If it's an error return something like:

{success: false, errors: ['Name invalid','email invalid']}

And if it's correct:

{success: true, Name:'new name',email: 'new email'}

and your Script

....
$.ajax({
        type: "POST",
        url: action,
        dataType: "html",
        data: serializedForm,
        success: function (result) {
            if(!result.success)
            {
                  //Show errors     
            }
            else
            {
                  // Update data
            }
        }
    });
.....

To show errors you can have a div in the modal popUp and then for each item on result.errors, append a div inside the error div.

If success is true, find the item you clicked, and update it with the date in your result.

Let me know if you don't know how to do this.

Do it as it's suppose to be done

jQuery Ajax requests are able to handle success as well as error states. So the proper way is to actually return an error (not HTTP 200 state) from the server when you have validation errors. Don't return views unless you should display them. But even in that case they should be part of erroneous result to be displayed by different client side functionality (error handler function).

Read all details about this in my blog post. All code is provided there as well and everything is explained step by step so it's easy to understand.

It uses a custom exception class that gets thrown when there are any model state errors and a custom error action filter that uses this exception and returns an error to the client side. This makes it very easy to do Ajax request the proper way:

$.ajax({
    type: "POST",
    data: /* your data */,
    success: function(data, state, xhr) {
        // do wahetever required
    },
    error: function(xhr, state, err) {
        // do something about the error ie. inform the user about it
    }
});

This is much better than detecting errors in success state and having unnecessary branch in it. jQuery is supposed to be used this way and not with just the success handler.

A sidenote

I'm sorry for not seeing your question earlier because I suppose it would make you happier by the information it provides.

My update partial view return index method. This method population my table, like update ajax jquery?

I like update only mu table in PartialView. This situation:

    <div class="container container-Top">
        <h4>Lista de categorias produtos</h4>
        <p>
            <hr />
            <br />
            @using (Html.BeginForm())
            {
                <div class="form-group">
                    <div class="col-lg-4">
                        @Html.TextBox("NomeCategoria", null, new { @class = "form-control" })
                    </div>
                    @Html.ActionLink("Pesquisar", null, null, new { @class = "btn btn-default", @id = "Pesquisar" })
                </div>
            }                       
            <br />
            <br />
            <br />
            <div id="DvDetalheCategoria" class="form-group">
                @Html.Partial("_DetalhesCategoria", Model)
            </div>
    </div>

My Jquery

    <script type="text/javascript">

            $(function () {
                $("#Pesquisar").click(function () {
                    var $btnPesquisar = $(this);
                    var idCategoria = $("#NomeCategoria").val();                
                    $.ajax({
                        url: '@Url.Action("_DetalhesCategoria", "VntCategoria")',
                        data: { pName: idCategoria },
                        type: 'POST',
                        success: function (data) {
                            $("#DvDetalheCategoria").html(data);                        
                        },
                        error: function (ex) {
                            alert('Falha ao carregar categorias' + item.Id);
                        }
                    });
                });
            });
        </script>

My controllers:

     // GET: /VntCategoria/
    public ActionResult Index()
    {
        return View(db.VntCategoriaProdutos.ToList());
    }

    [HttpPost]
    public ActionResult _DetalhesCategoria(string pName)
    {
        ListaCategorias = new List<VntCategoriaProdutos>();
        ListaCategorias = db.VntCategoriaProdutos.ToList().FindAll(f => f.DescricacaoCategoria == pName);
        return View(ListaCategorias);
    }