How to pass JSON data to code behind method (not to Webmethod)?

Question

I have JSON data which I need to pass to code behind and bind to obout grid. I know we can pass data using <WebMethod>. But in Webmethod I cannot bind the data to obout grid and any grid. because it is static webmethod.

So Now I trying to call code behind method from javascript and pass the data as parameter to method. How can we do that?

 users = [];
 for (var i = 0; i < usersInfo.length; i++) {
          user = {
                   UserName : usersInfo[i].UserName,
                   Email : usersInfo[i].Email,
                   Status : status
          };

          users.push(user);
    }
    var results = "";
    $('#lblError').val('');
    if (users.length > 0) {
        //Pass the `users` data to ShowResults code behind method.
     }

code behind

public void ShowResults(List<UsersInfo> users)
{
       oboutGrid.DataSource = users;
       oboutGrid.DataBind();
}

public partial class UsersInfo
{
    public string UserName { get; set; }
    public string Email { get; set; }        
    public string Status { get; set; }
}

Why you need to pass JSON object to code-behind and from code-behind bind grid, why can't do that in JS directly? — Arindam Nayak
– Arindam Nayak, Commented Sep 30, 2014 at 6:19
@ArindamNayak ...obout grid doesn't option to bind data from JS. — James123
– James123, Commented Sep 30, 2014 at 12:50
Then you can use updatepanel to do all of this thing, it may not be efficient, but you can give a try! — Arindam Nayak
– Arindam Nayak, Commented Sep 30, 2014 at 13:07

mfarouk · Accepted Answer · 2014-09-30 08:42:34Z

0

one way to do this, is to include a hidden field on the aspx form

<asp:HiddenField ID="jsonDataHolder" ClientIDMode="Static" runat="server"/>

in this hidden field add your JSON data as a string, using JSON.stringify

$('#jsonDataHolder').val(JSON.stringify({ id: 1, name: "mohamed" }));

then when the page is normally posted back you can access the hidden field, deserilaize it and do your code

protected void btn_DOPostBack_Click(object sender, EventArgs e)
{
    string data = this.jsonDataHolder.Value;
    // desrialize json, do ur code
}

edited Sep 30, 2014 at 8:42

answered Sep 30, 2014 at 8:25

mfarouk

6547 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

How to pass JSON data to code behind method (not to Webmethod)?

code behind

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

code behind

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related