URL parameter values are missing in action method of ASP.Net MVC

Question

I wanted to pass textarea value and some other parameters to action method. so i did using the jquery in the following way.

View:-

@Html.TextArea("aboutme")
<a id="@Profile.Id" title="@Profile.name" onclick="SubmitProfile(this)" >
 Submit</a>

Jquery Method:-

function SubmitReview(e,count) {    
    var Text = "'"+jQuery("#aboutme").val()+"'";
    var url = 'http://' + window.location.host + '/Controller/ActionMethod?' + 'id=' + e.id       + '&name=' + e.title + '&aboutme=' + Text;
    jQuery("#Profile").load(url);

}

Action Method:-

public ActionResult ActionMethod(string id,string name,string aboutme)
        {
            //
        }

Above code is working fine, but when ever any one of the parameter value contains spaces in it. In Jquery method URL looks fine.but in action method it trims the value upto 1st space and remaining parameters are null.

Let me explain with some example

let say id='123',name='amith cho' ,aboutme='i am software engg'

Url in Jquery method

url='http://localhost/Controller/ActionMethod?id=123&name=amith cho ,aboutme=i am software engg'

but it is getting in action method as id=123 name=amith aboutme=null

How to solve this?

sending data to action using this url http://localhost/Controller/ActionMethod?id=123&name=amith cho ,aboutme=i am software engg is a bad, bad, bad practice... POST these values instead. — Yasser Shaikh
– Yasser Shaikh, Commented Nov 9, 2012 at 8:30

tvanfosson · Accepted Answer · 2012-11-14 14:19:24Z

3

You should url encode the value of the input if you are passing it as a query parameter.

function SubmitReview(e,count) {
    var Text = jQuery("#aboutme").val(); // quotes aren't necessary
    var url = 'http://' + window.location.host + '/Controller/ActionMethod?' 
                   + 'id=' + e.id 
                   + '&name=' + encodeURIComponent(e.title) 
                   + '&aboutme=' + encodeURIComponent(Text); 
    jQuery("#Profile").load(url);

}

If your string contains extra characters not handled by encodeURIComponent, you can try this function, referenced from the MDN docs. Replace the calls to encodeURIComponent above with calls to this.

function fixedEncodeURIComponent (str) {
  return encodeURIComponent(str).replace(/[!'()]/g, escape).replace(/\*/g, "%2A");
}

edited Nov 14, 2012 at 14:19

answered Nov 9, 2012 at 7:23

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

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

2 Comments

User_MVC Over a year ago

encodeURIComponent() not allowing these special characters ~!*()' so it is breaking...

tvanfosson Over a year ago

@User_MVC - updated with alternative suggestion from the docs to include more escaped characters.

Collectives™ on Stack Overflow

URL parameter values are missing in action method of ASP.Net MVC

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