calling a jquery function from asp.net code behind

Question

I need to create a pie chart in bootstrap.. On google search I got a piece of code.. how to call this function from asp.net codebehind? How to give data from database to piechart?

$.plot('#placeholder', data, {
    series: {
        pie: {
            show: true
        }
    }
});

Karl Anderson · Accepted Answer · 2013-12-05 05:27:49Z

1

Try

protected void myButton(object sender, EventArgs e)
{
    ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "tmp", 
       "<script type='text/javascript'>placeholder(params...);</script>", false);
}

edited Dec 5, 2013 at 5:27

Karl Anderson

34.9k12 gold badges69 silver badges83 bronze badges

answered Dec 5, 2013 at 5:21

MusicLovingIndianGirl

5,9459 gold badges38 silver badges65 bronze badges

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

Comments

Karl Anderson · Accepted Answer · 2013-12-05 05:26:43Z

I recommend the opposite, have your jQuery code call the server-side via ASP.NET AJAX Page Methods, like this:

$(document).ready(function() {
    // For example's sake, this will ask the database for 
    // data upon the DOM being loaded
    $.ajax({
        type: "POST",
        url: "PageName.aspx/GetPieChartData",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(result) {
            // Plot result data returned from AJAX call to server
            $.plot('#placeholder', result.d, {
                series: {
                    pie: {
                        show: true
                    }
                }
            });
        }
    });
});

Note: You will need to rename PageName.aspx to your actual .aspx page name.

Code-behind:

[WebMethod]
public static string GetPieChartData()
{
    // Go to database and retrieve pie chart data
    string data = GetPieChartDataFromDatabase();

    return data;
}

Note: ASP.NET AJAX Page Methods automatically JSON-encode the returned data, so there is no serialization call needed on the server-side. Also, note ASP.NET AJAX Page Methods must be static, as they have no interaction with the actual page class itself.

Collectives™ on Stack Overflow

calling a jquery function from asp.net code behind

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related