using web methods with master pages

Question

I've got a function on all pages in my site which is located in my master page and I want it to run from some jQuery Ajax method.

I've got some code like this at the moment

jQuery

$(document).ready(function() {
  $("#test").click(function() {
    $.ajax({
      type: "POST",
      url: "Default.aspx/GetDate",
      data: "{}",
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function(msg) {
        $("#test").text(msg.d);
      }
    });
  });
});

HTML in Master page

<div id="test">Click here for the time.</div>

Asp.Net code behind in my Master VB

<WebMethod> _
Public Shared Function GetDate() As String
    Return DateTime.Now.ToString()
End Function

Currently this doesn't work unless I move the web method to the Default.aspx VB page

Is there a way I can change this part

url: "Default.aspx/GetDate",

To use the master page function?

I tried changing it to

url: "template.master/GetDate",

But this just gives me a 404 error

Any ideas?

Thanks in advance

ShaneBlake · Accepted Answer · 2011-12-20T19:52:01.967

9

Your webmethod code cannot reside in the codebehind for your master page.

I've found it easier to include an actual web service or WCF service in my project for things that I will need to call from multiple pages.

EDIT :

To add a WCF Service to your project:

right click the project
select [WCF Service] and give it a name (ie. Agent.svc)
set up the service (see http://www.codeproject.com/KB/aspnet/jQuery_To_WCF.aspx)

More than a few examples here on the Stackoverflow...

Hope that helps.

edited Dec 20 '11 at 19:52

answered Dec 20 '11 at 15:18

ShaneBlake

11,056
2
26
43

I'm not entirely sure how to go about adding a WCF service in my project? – Jamie Taylor Dec 20 '11 at 16:41

score 4 · Answer 2 · answered Dec 20 '11 at 15:25

4

How about putting the webmethod in a base class?

public class WebMethodBase : Page
{
    <WebMethod> _
    Public Shared Function GetDate() As String
        Return DateTime.Now.ToString()
    End Function
}

Then inherit this class from those pages you want to expose the webmethod.

Forgive me for mixed C# and VB, i am not familiar with VB syntax.

answered Dec 20 '11 at 15:25

Andreas

675
9
18

2

If I add a baseclass how do I then use the function within that from the AJAX? – Jamie Taylor Dec 20 '11 at 16:41

ryancdotnet · Answer 3 · 2015-04-01T03:05:48.843

1

You can go the Base Class method route, as Andreas mentioned above.

Make sure:

The webmethod is static.
In your Ajax call, dynamically change the URL based on the page you are viewing. Something like this:

(in Ajax call:)

url: window.location.pathname.substr(1) + "/GetDate"

edited Apr 01 '15 at 03:05

answered Mar 30 '15 at 22:19

ryancdotnet

2,015
16
33

This is generally a good methodology. However, for sites where the homepage is just `http://example.com/`, the url will be `null`. Or any other sub-paths that don't include the default document explicitly. – Andrew S Nov 08 '17 at 18:20

using web methods with master pages

3 Answers3

Linked