Calling server side function from JS using hidden button

Question

I've came into a need of calling a server-side function from a javscript function.

As much as I know, this isn't really possible since JS is running on the client, thus it is only possible to call a static function (which is not in the same context).

I've read somewhere about the hidden button method, of hiding an asp server-side button, and then clicking it programmatically from JS, hence making postback and then calling the eventhandler.

Few questions about this method -

How good is this method? I mean, is this method is widely used or it considered to be primitve and old?
What are the down sides of this method?
Another thing I read about this method is that if you came to use this method it means that something is wrong with the overall page logic design. Is that on some level true? Is there perhaps a better way to deal with this problem?

Thanks ahead

Have tried using AJAX? You can call serverside components using JS code. — Husain Basrawala
– Husain Basrawala, Commented Feb 26, 2012 at 15:51

Community · Accepted Answer · 2017-05-23 11:48:01Z

1

You can do the postback manually by calling the __doPostBack javascript function manually. Take a look at this other post.

edited May 23, 2017 at 11:48

CommunityBot

11 silver badge

answered Feb 26, 2012 at 15:54

Dante

3,9115 gold badges40 silver badges56 bronze badges

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

8 Comments

Skipper Geffen Over a year ago

Is there an async approch to this?

Mhmd Over a year ago

you will call __doPostBack javascript function (that is the function of your linkbutton) on onload event, and that as you pressed the button and do the postback normally and will not effect the layout as you asked

Skipper Geffen Over a year ago

is this method considered to be better then the hidden button? And what will be the differences?

Dante Over a year ago

If you have a button with runat=server, then it will call the __dopostback function itself. If you can avoid the middle man and do the postback yourself, I don't see a reason why you have to create the button. Either way, all solutions seem a bit cumbersome to me...

Skipper Geffen Over a year ago

@Dante, OK... so... what would be a better option?

|

Joakim Johansson · Accepted Answer · 2012-02-26 16:07:48Z

0

One decent way of doing it is using PageMethods. You can declare a static method in the code behind that has the attribute [WebMethod]. This means you can access it with an ajax request from the client side. Like this:

[WebMethod]
public static string GetDate()
{
    return DateTime.Now.ToShortDateString();
}

You'll have to use System.Web.Services to get the attribute.

From the client side, you could do something like this, with jQuery:

$.ajax({
    type: "POST",
    url: "YourPage.aspx/GetDate()",
    data: "{}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(data) {
        alert(data.d);
    }
});

Take note that ASP.net will add a .d object to whatever you're sending back.

AFAIK this is the preferred way to communicate between client side and codebehind, without triggering a postback. It's also pretty clear what's going on.

Using a hidden button with a postback that's triggered by calling click() on the button, is much more "magical" and not at all clear what's going on. The same with __doPostback.

edited Feb 26, 2012 at 16:07

answered Feb 26, 2012 at 15:51

Joakim Johansson

3,1801 gold badge29 silver badges43 bronze badges

2 Comments

Skipper Geffen Over a year ago

Problem is I dont want to use static methods (since I need to be able to communicate with objects in the page)

Joakim Johansson Over a year ago

@SkipperGeffen then no, there are no good ways. ASP.Net is trying to keep state in a stateless protocol. This works best if you're using ASP controls only. If you're set on using javascript then you're best off communicating via ajax and webmethods. The solution in ASP.Net for doing async postbacks is using UpdatePanels. They send way more information than often is necessary though.

Collectives™ on Stack Overflow

Calling server side function from JS using hidden button

2 Answers 2

8 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related