Calling Controller Function in Ajax

Question

I want to call this yellow colored Controller function with ajax (Image of my project). and this is my JavaScript function in View:

function notificationDivPressed(element,x,user,numberOfUsers) {  

    jQuery(document).ready(function ($) {

        $.ajax({
            url: 'MvcApplication3/Controllers/NotificationController/ChangeReadStatus',
            type: "POST",
            cache: false,
            data: { arg: x },
            success: function (data) {

                }
            }
        });
    });   
}

when I write url like that (url: 'MvcApplication3/Controllers/NotificationController/ChangeReadStatus') it doesn't work. What should I change to get a desired result?

Adriano Repetti · Accepted Answer · 2014-01-12 17:14:59Z

2

As you saw your URL is wrong (because you're just using a mix of project paths and class name instead of proper URL that MVC framework will rewrite and route to right methods).

Change it with:

url: '@Url.Action("ChangeReadStatus", "Notification")'

edited Jan 12, 2014 at 17:14

answered Jan 10, 2014 at 13:41

Adriano Repetti

67.5k20 gold badges144 silver badges215 bronze badges

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

Comments

Muthu · Accepted Answer · 2014-01-10 13:40:38Z

0

Change to

url: '/Notification/ChangeReadStatus'

answered Jan 10, 2014 at 13:40

Muthu

2,7054 gold badges29 silver badges35 bronze badges

2 Comments

Adriano Repetti Over a year ago

Please do him a favor and don't hard-code action method URLs!

Muthu Over a year ago

Adriano, got it. Thought it might be easier for him to understand for a beginner. But you are right.

Collectives™ on Stack Overflow

Calling Controller Function in Ajax

2 Answers 2

Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Related