控制器已将传递给SQL Server的参数Ajax插入控制器后，如何从MVC控制器向Ajax发送成功消息

Question

JavaScript:

$("#button").click(function () {
    $.ajax({
        type: "POST",
        url: "controller/SaveSelection",
        data: {
            "Date": "date",
            "DataType": "type",
            "Id": "1234",
            "Name": "name"
        },
        success:function(){
            alert("Your selections have been saved");//never returned
        },
        error: function () {
            alert("failed");//always return this one, even it's succeed
        }
    });
});

C# Controller:

[AcceptVerbs(HttpVerbs.Post)]
public ActionResult SaveSelection(Mytable obj) 
{
    try
    {
        _dataContext.Mytable.InsertOnSubmit(obj);
        _dataContext.SubmitChanges();
    }
    catch
    {
        return View();
    }

    return View();
}

The controller can successfully insert the AJAX parameters into a SQL Server table. But in the frontend returns 500, apparently because I'm not requiring a data callback.

But is there a way to let the controller tell the JS that "Hey, I have successfully inserted those data you passed to me" so that the JS can return a success message in the browser?

Answer 1

Trying changing your method to an actionResult or JsonResult:

    public ActionResult SaveSelection(Mytable obj)
    {
        try 
        {
          ....logic here....
          return Json("Your selections have been saved.", JsonRequestBehavior.AllowGet);
        }
        catch (Exception ex)
        {
            //TODO: log exception
            return new HttpStatusCodeResult(401, ex.Message);
        }
    }

As dave pointed out, you could also return like this instead:

return Content(jsonObject.ToString(), "application/json");

or

return Content("Your message",...

Then in your ajax call change the success to:

success: function(json) {
     alert(json);
}
error: function (event) {
            alert(event.statusText);
        }