passing multiple parameters using Ajax(url) in c#

Question

Am having trouble getting multiple parameters with Ajax in MVC. I have two fields that require an input. Input field for Username and CommentText.

I am defining these parameters in the url section of the ajax. It is working fine when I only pass one parameter(works for both when tried separately), but as soon as I try both the latter parameter does not work.

Ajax function:

$(function () {
    $("#button").click(function () {
        $.ajax({
            type: "GET",
            contentType: "application/json; charset=utf8",
            url: "Home/AddComment?CommentText=" + $("#CommentText").val() + "&Username=" + $("Username").val(),
            dataType: "json",
            success: function (Comment) {
                //some function
            },
            error: function (xhr, err) {
                //some code
            }
        });
    });
});

Any ideas? Should I maybe be passing the parameters through "data" instead?

Edit: *This is the controller that should catch these parameters.*

 public JsonResult AddComment(string commentText, string username)
        {
            Comment c = new Comment() { CommentText = commentText, Username = username };
            CommentRepository.Instance.AddComment(c);
            return Json(GetComments(), JsonRequestBehavior.AllowGet);

        }

Also, you will get an error here $("Username").val() don't forget to add # like $("#Username").val() — Pavlo
– Pavlo, Commented Mar 27, 2014 at 11:11
well the missing # was the error.. Why is it more preferable to pass it as data vs passing through the url? — user3265963
– user3265963, Commented Mar 27, 2014 at 11:29

Liam · Accepted Answer · 2014-03-27 11:30:16Z

3

You can use something like this:

Ajax

$.ajax({
    type: 'GET',
    url: 'Home/AddComment',
    data: { CommentText: $("#CommentText").val(), 
             Username: $("#Username").val() },
    cache: false,
    success: function (result) {            
        desc = result;
    }
});

And then in your controller:

public string AddComment(string CommentText, string Username)
{
    //your code here
}

Hope this will help you.

edited Mar 27, 2014 at 11:30

Liam

30k28 gold badges142 silver badges206 bronze badges

answered Mar 27, 2014 at 11:18

Sousuke

1,2931 gold badge15 silver badges26 bronze badges

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

1 Comment

user3265963 Over a year ago

check the update.. I have a controller that takes in these parameters

RGS · Accepted Answer · 2014-03-27 11:04:25Z

 $(function () {
     $("#button").click(function () {
         $.ajax({
             type: "GET",
             contentType: "application/json; charset=utf8",
             url: "Home/AddComment",
              data: '{"CommentText":"' + $("#CommentText").val() + '", "Username":"' + $("Username").val() + '"}'
            dataType: "json",
             success: function (Comment) {
                 //some function
             },
            error: function (xhr, err) {
                 //some code
           }
        });
   });
});

theanubhava · Accepted Answer · 2014-03-27 11:49:35Z

you can move you all variables/parameters into one array, and then you can try the following.. and then you can read these array values in C#....

var val1=$("#componentName1").val();
var val2=$("#componentName2").val();
...
var parameterArray={val1,val2,val3....}
$.ajax({
         type: "GET",
         contentType: "application/json; charset=utf8",
         url: "Home/AddComment",
          data: parameterArray,
        dataType: "json",
         success: function (Comment) {
             //some function
         },
        error: function (xhr, err) {
             //some code
       }
    });

Collectives™ on Stack Overflow

passing multiple parameters using Ajax(url) in c#

3 Answers 3

1 Comment

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Related