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:

<script type="text/javascript">
    $(document).ready(function () {

        $.ajax({
            url: '/Default.aspx/GetData',
            type: 'POST',                
            beforeSend: function( xhr ) {
                xhr.setRequestHeader("Content-type", 
                     "application/json; charset=utf-8");
            },
            success: function (result) {
                var resultData = (result.d? result.d : result);
                alert(resultData);
            },
            error : function(){
                alert('error');
            }
        });

    });
</script>

Here is the server-side code for the page method (WebMethod):

[System.Web.Services.WebMethod]
public static string GetData()
{                        
    return "Hello";
}

When I load the page in browser, I can see the response as { "d" : "Hello" }, which is the expected result.

Now, if the friendly urls are added using the NuGet package Microsoft.AspNet.FriendlyUrls, the same code would not work. As FriendlyUrls are turned on, I changed the url in jquery ajax call to be "/Default/GetData", but then I would not receive the expected result. Rather I receive the html of the Default.aspx page.

I am struggling to find out why this would not work, the only thing I changed was adding the nuget package for the FriendlyUrls!

I have been trying to find solutions and the most close readable answers I could find were:

Using jQuery for AJAX with ASP.NET Webforms

http://encosia.com/using-jquery-to-directly-call-aspnet-ajax-page-methods/

Note that all the related posts in given answers do not use FriendlyUrls. I have also seen some answers that indicate that the jquery ajax calls would work fine with MVC, WebAPI, but my project is restricted to use ASP.Net Web Forms.

Am I doing something wrong or missing something here? Has anyone encountered the same scenario for their project? If so, can you please answer how this can be solved? Thanks a bunch for taking time to read and reply.

see if this answer helps: stackoverflow.com/questions/23033614/… (scroll down). — wazz
– wazz, Commented Sep 21, 2015 at 5:26
@wazz Thanks for responding to my question. The post you referred helped me in getting the answer to my question with some modifications. See my answer for details. Thanks! — dhruvpatel
– dhruvpatel, Commented Sep 21, 2015 at 18:41

JP Tétreault · Accepted Answer · 2016-05-06 11:38:38Z

14

After spending way too much time on this, I found out that I needed to change this in App_Start/RouteConfig.cs:

//settings.AutoRedirectMode = RedirectMode.Permanent;
settings.AutoRedirectMode = RedirectMode.Off;

answered May 6, 2016 at 11:38

JP Tétreault

6105 silver badges16 bronze badges

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

Comments

dhruvpatel · Accepted Answer · 2015-09-21 18:40:23Z

6

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

Add FriednlyUrls to the project.
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)
Add authorization in web.config as follows under system.web section
```
<authorization>
    <allow users="*" />
</authorization>
```

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

<script type="text/javascript">
   $(document).ready(function () {
       $.ajax({
          url: '<%=Microsoft.AspNet.FriendlyUrls.FriendlyUrl.Resolve("/Default.aspx/GetData")%>',
          type: 'POST',                
          contentType: 'application/json; charset=utf-8',
          dataType: 'json',
          success: function (result) {
             var resultData = (result.d? result.d : result);
             alert(resultData);
          },
          error : function(){
             alert('error');
          }
   });
 });
</script>

answered Sep 21, 2015 at 18:40

dhruvpatel

1,2893 gold badges15 silver badges23 bronze badges

1 Comment

Frederik Gysel Over a year ago

due to step 2, friendly URL will not work anymore

Hossein Golshani · Accepted Answer · 2018-10-23 19:11:41Z

-1

public static class RouteConfig
{
    public static void RegisterRoutes(RouteCollection routes)
    {
        var settings = new FriendlyUrlSettings();
        //Esta wea se deshabilita para que funcione ajax autocomplete.
        //settings.AutoRedirectMode = RedirectMode.Permanent;
        settings.AutoRedirectMode = RedirectMode.Off;
        routes.EnableFriendlyUrls(settings);
    }
}

edited Oct 23, 2018 at 19:11

Hossein Golshani

1,8975 gold badges18 silver badges27 bronze badges

answered Oct 23, 2018 at 18:44

Cristian

1

1 Comment

Cristian Over a year ago

Dear, the error 401 that throws autocomplete is solved by changing the parameter settings.AutoRedirectMode = RedirectMode.Off; which is in the visual studio 2017 RouteConfig.

Collectives™ on Stack Overflow

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

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related