jQuery.Ajax与MVC

Question

我正在尝试使用jQuery ajax将用户在文本框中输入的值保存到数据库中。但我很震惊如何继续。到目前为止我做了什么：

用户点击按钮，我调用jQuery函数并调用控制器

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

并且我不确定如何在控制器中获取此注释值并在成功时将值发送回jQuery。

Answer 1

尝试这样的数据

数据：{'评论'：评论}

并在控制器操作中使用与字符串类型相同的变量

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

控制器

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

//
}

此致

Answer 2

脚本

$.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);
   }
});

控制器

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

Answer 3

客户端脚本-jQuery

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

控制器端代码

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

Answer 4

试试这个

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);
    }
});

控制器

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