How call controller Action result with Ajax in Mvc?

Karan Thakkar

7y1kLearn iOS Programming

I want to call controller ActionResult from an ajax call which has one string paramenter.

like this

[HttpGet]

[Route("AreaName/ControllerName/MethodName/{filePath}")]

public ActionResult DeleteFile(string filePath) {

return Json(string.Empty, JsonRequestBehavior.AllowGet);

}

--Ajax call in jquery looks like this. when I am passing filePath without any special character ActionResult gets called but not when I pass below string.

var filePath='/OnlineFdDocument/200//UIDAI-Aadhar-Card-Updates-2-644x362.jpg'

$.ajax({

url: "/AreaName/Document/DeleteFile/" + filePath,

dataType: "json",

type: "Post",

contentType: 'application/json; charset=utf-8',

data: { "docUrl": docUrl },

success: function (data) {

If anyone can help me out the please reply.

Thank You...

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Jaimin Shethiya7y ago
Hello Karan,

You have written in MVC C# method is GET and Ajax call you have method type is POST so that is not correct first you have correct that one and please make sure this type of the mistake in future.

var filePath='/OnlineFdDocument/200//UIDAI-Aadhar-Card-Updates-2-644x362.jpg'
$.ajax({
url: "/AreaName/Document/DeleteFile/" + filePath,
//url: "/AreaName/Document/DeleteFile?filePath" = filePath,
type: "GET",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
alert("Success: " + response);
},
failure: function (response) {
alert("Failure: " + response.responseText);
},
error: function (response) {
alert("Error: " + response.responseText);
}
});

can you please try the above code.

let me know if you have needed anything from side.

Thanks
0
Karan Thakkar7y ago
Hey Amit Thanks for your quick reply.
It worked, but instead of

data: JSON.stringify({ 'filePath': filePath }),
I useddata: { 'filePath': filePath },
+1
Karan Thakkar7y ago
In this case action result get called but file path in parameter is null.
0
Amit Mohanty7y ago
Hey try this.
var filePath='/OnlineFdDocument/200//UIDAI-Aadhar-Card-Updates-2-644x362.jpg'
$.ajax({
    url: "/AreaName/Document/DeleteFile",
    type: "GET",
    data: JSON.stringify({ 'filePath': filePath }),
    contentType: "application/json; charset=utf-8",
    dataType: "text",
    success: function (response) {
        alert("Success: " + response);
    },
    failure: function (response) {
        alert("Failure: " + response.responseText);
    },
    error: function (response) {
        alert("Error: " + response.responseText);
    }
});
+1