jQuery ajax calls not working with ASP.Net Web Forms when FriendlyUrls are added

Question

The following code works just fine without FriendlyUrls turned on for an ASP.Net Web Forms project:

Answer 1

So, ultimately I got the solution to my question by making following changes to my project:

1. Add FriednlyUrls to the project.

2. Remove the line in RegisterRoutes method that sets settings.AutoRedirectMode property in App_Start/RouteConfig.cs

   (note that setting it to RedirectMode.Permanent or RedirectMode.Off did NOT work for me)

3. Add authorization in web.config as follows under system.web section

4. Modify the url in ajax call set up to use Microsoft.AspNet.FriendlyUrls.Resolve function in order to get the correct url as below: