jQuery.Ajax with MVC

Question

I am trying to use jQuery ajax to save the value that the user entered in the Textbox to the database. But I am struck how to proceed. What I did so far:

User clicks button and I call jQuery function and am calling the controller

comments = $("#txtComments").val();
var request = $.ajax({
                url: "/Home/SaveCommentsData",
                type: "POST",
                data: { comment: comments },
                dataType: "json"
            });

and I am not sure how to get this comment value in the controller and send a value back to jQuery on success.

SaveCommentsData is name of the action in the controller?What MVC are you using? — techie_28
– techie_28, Commented Feb 25, 2013 at 8:42
Your could have sent request just like 'comments='+comments just as a plain string too.Does your browser console shows data goin to the server? — techie_28
– techie_28, Commented Feb 25, 2013 at 8:55

Sridhar Narasimhan · Accepted Answer · 2013-02-25 08:45:23Z

6

try data like this

data :{'comment':comments}

and use the same variable as string type in controller action

comments = $("#txtComments").val();
var request = $.ajax({
                url: "/Home/SaveCommentsData",
                type: "POST",
                data: { 'comment': comments },
                dataType: "json"
            });

Controller

[AcceptVerbs(HttpVerbs.Post)]
        public ActionResult SaveCommentsData( string comment)
        {

//
}

Regards

answered Feb 25, 2013 at 8:45

Sridhar Narasimhan

2,6532 gold badges19 silver badges25 bronze badges

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

1 Comment

user2067567 Over a year ago

what if i want to send multiple texts in data: { comment: comments } ?

AliRıza Adıyahşi · Accepted Answer · 2013-02-25 08:59:33Z

6

script

$.ajax({
   url: "/Home/SaveCommentsData",
   type: "POST",
   data: { comment: comments },
   dataType: "json",
   success: function (data) {  
       // data is returning value from controller
       // use this value any where like following
       $("#div_comment").html(data);
   }
});

controller

[HttpPost]
public ActionResult SaveCommentsData(string comment)
{
    // save comment
    var result = someData; // maybe saved comment
    return Json(result);
}

edited Feb 25, 2013 at 8:59

answered Feb 25, 2013 at 8:47

AliRıza Adıyahşi

15.9k24 gold badges118 silver badges198 bronze badges

Comments

K D · Accepted Answer · 2013-02-25 08:53:02Z

2

client side script-jQuery

$.ajax({
   url: "/Home/SaveCommentsData",
   type: "post",
   data: { comment: comments },
   dataType: "application/json",
   success: function (data) {  
       if(data.Success)
       {
          alert('Done');
       }
   }
});

controller side code

[HttpPost]
public ActionResult SaveCommentsData(string comment)
{
    // save comment
    return Json(new {Success:true});
}

answered Feb 25, 2013 at 8:53

K D

6,0191 gold badge25 silver badges36 bronze badges

1 Comment

user2067567 Over a year ago

Thanks. i tried and working fine. But success funciton alert not working ?

Satpal · Accepted Answer · 2013-02-25 08:53:37Z

2

try this

comments = $("#txtComments").val();
var request = $.ajax({
    url: '@Url.Action("SaveCommentsData","Home")',
    type: "POST",
    data: JSON.stringyfy({ 'comment': comments }),
    dataType: "json",
    success: function(data){
      alert(data.status);
    }
});

Controller

[HttpPost]
public JsonResult SaveCommentsData(string comment)
{
   //Do something
   return Json(new
            {
                status = false
            });
}

answered Feb 25, 2013 at 8:53

Satpal

134k13 gold badges168 silver badges171 bronze badges

Collectives™ on Stack Overflow

jQuery.Ajax with MVC

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related