Submitting Ajax request from external javascript file in ASP.NET MVC

Question

I am trying to submit an ajax request from an external JavaScript file in ASP.NET MVC. I'm getting a 500. What am I doing wrong?

Ajax call (From external JS file)

$.ajax({
    type: "POST",
    url: '/Home/AjaxEndpoint',
    data: { jsonData: "testing" },
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: successFunc,
    error: errorFunc
});

Controller Action Method (That should be catching the request)

public class HomeController : Controller
{
    // GET: Home
    public ActionResult Index()
    {
        return View();
    }

    [HttpGet]
    public void AjaxEndpoint()
    {
        var thing = 1 + 2;
    }

    // AJAX endpoint for GetProducts.js
    [HttpPost]
    public void AjaxEndpoint(string jsonData)
    {
        var thing = 1 + 2;
    }

}

Error I'm getting

You need to put your code in the question, not images of it. And remove the contentType option (your not stringifying the data) — user3559349
– user3559349, Commented Apr 10, 2016 at 2:42
Please do not edit the question with the answer (I have removed it). Add your own answer and accept it to close this out. — user3559349
– user3559349, Commented Apr 10, 2016 at 8:36
If you have a proposed solution, such as "remove the contentType option", please create an answer so that I can accept it rather than burying it in the comments of the question. — Captainlonate
– Captainlonate, Commented Apr 18, 2016 at 21:23

user3559349 · Accepted Answer · 2016-04-18 23:22:07Z

2

You either need to remove the contentType option

$.ajax({
    type: "POST",
    url: '/Home/AjaxEndpoint',
    data: { jsonData: "testing" },
    dataType: "json",
    success: successFunc,
    error: errorFunc
});

or alternatively, stringify the data

$.ajax({
    type: "POST",
    url: '/Home/AjaxEndpoint',
    data: JSON.stringify({ jsonData: "testing" }),// modify
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: successFunc,
    error: errorFunc
});

answered Apr 18, 2016 at 23:22

user3559349

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

Comments

glerler · Accepted Answer · 2016-04-10 03:06:43Z

0

Your ajax call needs to be to an ActionResult in the controller, The controller performs and returns the data to the page

 [HttpPost]
    public ActionResult ajaxcall(string ids)
    {
        String Data = code to perform
        return Json(Data);
    }

this is the basic idea. Javascript makes the call and uses the json data returned on the clients page

answered Apr 10, 2016 at 3:06

glerler

398 bronze badges

Collectives™ on Stack Overflow

Submitting Ajax request from external javascript file in ASP.NET MVC

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related