Call submit button method using JQuery ajax

Question

I have the following method which is called by asp button click.

protected void btn_saveDemographicsAddr_Click(object sender, ImageClickEventArgs e)
{
}

I want to call the above method using jquery ajax call with out page loading. I saw many blogs regarding this but i din't get the correct solutions.

Thanks in advance....

Which solutions did you see, and what wasn't correct about them? — David Hedlund
– David Hedlund, Commented Jul 22, 2013 at 12:07
sending button id to jQuery click event.. but that makes page load — Raghavendra Devraj
– Raghavendra Devraj, Commented Jul 22, 2013 at 12:10

Ravish Patel · Accepted Answer · 2013-07-24 14:44:24Z

1

I think UpdatePanel solve your problem. Just put your ImageButton control in UpdatePanel and Trigger onclick event, It automatically get your contain without page load.

This link help you more..

http://forums.asp.net/t/1817866.aspx/2/10

answered Jul 24, 2013 at 14:44

Ravish Patel

1381 silver badge12 bronze badges

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

Comments

kostas ch. · Accepted Answer · 2013-07-22 12:09:49Z

0

You can use

Aspx

  <asp:ScriptManager ID="ScriptManagermAIN" EnablePageMethods="true" runat="server">
  </asp:ScriptManager>

c#

[WebMethod]
public void btn_saveDemographicsAddr_Click()
{
}

Javascript

PageMethods.btn_saveDemographicsAddr_Click();

For more info about scriptmanager go to scriptmanager

answered Jul 22, 2013 at 12:09

kostas ch.

2,0451 gold badge18 silver badges32 bronze badges

2 Comments

Raghavendra Devraj Over a year ago

what about (object sender, ImageClickEventArgs e)

kostas ch. Over a year ago

@RaghavendraDevraj Just add an html button and on click call javascript. Or on client click of your button execute javascript

Nitin Chaurasia · Accepted Answer · 2013-07-24 13:33:06Z

0

Try Below Code:

     `About.aspx page
    using System.Web.Services;

    [WebMethod]
    public static string doSomething(int id)
    {
        return "hello";
    }

    $(document).ready(function () {
        $.ajax({
            type: "POST",
            url: "About.aspx/doSomething",
            data: "{'id':'1'}",
            dataType: "Json",
            contentType: "application/json; charset=utf-8",
            success: function (data) {
                var returnedstring = data.d;
                ....
            }
        });
    });

answered Jul 24, 2013 at 13:33

Nitin Chaurasia

2631 silver badge5 bronze badges

Collectives™ on Stack Overflow

Call submit button method using JQuery ajax

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related