Not able to call controller method

meenakshi luthra

8y1.4k.NET

I have 'login' controller and action method defined:

[Route("Sign/{userName}/{password}")]

public ActionResult SignIn(string userName, string password)

{

bool result;

loginEntity.Email = userName;

loginEntity.Password = password;

result = loginBAL.UserLogin(loginEntity);

if (result)

{

var redirectUrl = new UrlHelper(Request.RequestContext).Action("Index", "Home");

return Json(new { Url = redirectUrl });

}

else

{

var redirectUrl = new UrlHelper(Request.RequestContext).Action("Index", "Login");

return Json(new { Url = redirectUrl });

}

Submit button to sign in:

Ajax call to jump into 'login' contoller:

$(function () {

$("#btn").click(function () {

alert(window.location.host+"/Login/Sign" + "/" + $("#emailId").val() + "/" + $("#password").val());

$.ajax({

type: 'POST',

url: window.location.host + "/Login/Sign" + "/" + $("#emailId").val() + "/" + $("#password").val(),

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

dataType: "json",

success: function (response) {

window.location.href = response.Url;

error: function () {

alert("Your Username & Password is wrong.");

window.location.href = response.Url;

}

});

I am not able to call SignIn action method using this ajax call. Please let me know where is the issue or how to over come this problem.

7 Replies

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

El Mahdi Archane8y ago
Hi,

Please, try the following code snippet

$.ajax({

type:"POST",
url:"@url.action('SignIn', 'login')" ,
data: {userName: $('#emailId').val(), password: $('#password').val()}
contentType:'application/json',
success: function(){
//Statements
},
error: function(){
//Statements
}

}) ;
+1
Dharmraj Thakur8y ago
Hi Meenaskshi,

First of all you should call POST method to do this, in this situation you need to encode url for email and password.

For this change here it will work...

url: "/Login/SignIn/" + $("#emailId").val() + "/" + $("#password").val(),
0
Manav Pandya8y ago
Hello

If The Problem is all about CORS than add folowing snippet inside :
     "WebDAV" />
     "WebDAVModule" />
     "ExtensionlessUrl-Integrated-4.0" />
     "ExtensionlessUrl-Integrated-4.0" path="*." verb="GET,HEAD,POST,DEBUG,DELETE,PUT" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
     "*" path="routes.axd" type="AttributeRouting.Web.Logging.LogRoutesHandler, AttributeRouting.Web" />

Thanks
+1
meenakshi luthra8y ago
I need help on this!
+1
meenakshi luthra8y ago
while calling via ajax getting below error.
"Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https."
+1
meenakshi luthra8y ago
Hi Suraj,

Thanks for reply.

But I have already made attribute route ([Route("Sign/{userName}/{password}")]) of my action method and as per same ROUTE structure i made url while calling ajax.

if i directly access from browser address bar "http://localhost:56648/Login/Sign/uname/pass" then it's working fine but same url not working while calling ajax.
+1
Suraj Kumar8y ago
Hi meenakshi,
As I see what you have shared in your code, the name of action is SignIn but at the time of calling action by ajax you are writting Sign and also check the case of controller name.
Change the below line with correct action name.
url: window.location.host + "/Login/Sign" + "/" + $("#emailId").val() + "/" + $("#password").val(),
+2