ASP.NET MVC - Implementing Search action jquery

Question

I've this scenario:

Site.Master


    ...               
    <%= Html.TextBox("ricerca") %>
    <img src="" alt ="" id="search" />
    ...

   <script type="text/javascript">
        $(function() {
            $('#search').click(function() {
                var valueSearch = $('#ricerca').val();
                Search(valueSearch);
            });
        });
        function Search(valueSearch) {
            $.ajax({
                type: "POST",
                url: "/Home/Search",
                data: "value=" + valueSearch
            });
        }

HomeController


    [HttpPost]
    public ActionResult Search(string value)
    {
        //...logic search
        return View();
    }

When i click on image called correctly the Search action, but after "Return View();" don't load the Search view (positioned in the folder Home)

Why don't show?

karim79 · Accepted Answer · 2011-04-17 11:12:46Z

1

At no point are you inserting the data returned from the server into the document. That needs to happen within $.ajax's success callback:

$.ajax({
    type: "POST",
    url: "/Home/Search",
    data: "value=" + valueSearch,
    success: function(data) {
        alert(data);
        $("#someDiv").html(data);
    }
});

answered Apr 17, 2011 at 11:12

karim79

343k67 gold badges420 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

karim79 Over a year ago

You mean you want to replace the current loaded page with the search page via ajax?

Alberto Rubini Over a year ago

exactly! i tried with Html.ActionLink, but i can't pass textbox value.

Collectives™ on Stack Overflow

ASP.NET MVC - Implementing Search action jquery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related