How to pass textbox value into query string in asp.net mvc

Question

Yet another newbie with ASP.NET MVC! All I intend to do is for a search textbox on my page, if I type something and click search, the url to be redirected to should have the following at the end, like in stackoverflow,

/search?q=searchedtext

So here is what I have now,

<input id="searchText" maxlength="100" type="text" name="query" />
    <a href="???"  class="searchButton">        
        Search        
    </a>

I have a function in my controller like this,

public ActionResult Search(string query)
 {

 }

Here is the route,

routes.MapRoute(
            "Search",                                            
            "Search",                          
            new { controller = "Posts", action = "Search"} 
        );

Can anyone fill in the gaps here :). Any comments appreciated.

The Matt · Accepted Answer · 2009-06-25 07:33:15Z

4

You need to wrap that client side code in a form:

<form action="/Search" method="get">
   <input id="q" name="q" maxlength="100" type="text" />
   <input type="submit" id="submit" value="Search" />
</form>

answered Jun 25, 2009 at 7:33

The Matt

6,6207 gold badges46 silver badges61 bronze badges

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

Comments

DBS · Accepted Answer · 2025-04-08 16:17:01Z

3

Wrap it with form tag, set it's method to "GET", use input type='submit' for submitting form (instead of 'a' tag), name text input as query (already done), accept query as string in parameters (already done), call model from controller to process request, update ViewData.Model, return appropriate view result (partial, if AJAX is used).

If you want to pass query through URL not through query string key/values,
you must specify correct route for that.

I guess that would be something like:

routes.MapRoute(  
            "Search", // Route name  
            "search/{query}", // URL with parameters  
            new 
              { controller = "search", action = "search"}  // Parameter defaults
        );

edited Apr 8 at 16:17

DBS

10.1k4 gold badges40 silver badges61 bronze badges

answered Jun 25, 2009 at 7:32

Arnis Lapsa

47.6k30 gold badges119 silver badges198 bronze badges

5 Comments

theraneman Over a year ago

The thing is it works fine that ways. I get the search page and the results on it. But the url looks like /search. I want to pass the query string to it so that the url has it. I could change the href of that achor tag using jquery to fill in the textbox value, but that is not a good solution.

Arnis Lapsa Over a year ago

If you will use form and set it's method to "GET", URL will change to ".../search?q=some text" automatically.

The Matt Over a year ago

He's right, it sounds like your method of transferring data is POST when what you really want is GET

theraneman Over a year ago

I thought I had tried this but I might have missed something. Just by using form tag and setting method to GET works. Sweeeeeett!. Thanks Arnis.

Arnis Lapsa Over a year ago

I'm glad it helped. Actually - I'm doing exactly the same right now. Trying to create a versatile search mechanism. :)

xunhua · Accepted Answer · 2009-08-04 12:09:44Z

-1

here is what i did:

<% Html.BeginForm("Search", "controller name", FormMethod.Get); %>
        <input id="criteria" name="criteria" maxlength="120" type="text" style="width:120px; " />
        <input type="image" alt="search" />
    <% Html.EndForm(); %>

public ActionResult Search(string criteria)
    {
       //search code goes here
    }

answered Aug 4, 2009 at 12:09

xunhua

Collectives™ on Stack Overflow

How to pass textbox value into query string in asp.net mvc

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related