Calling Code-behind from Javascript

Question

On the click of a button, I call a JavaScript function. After getting the value, I need to perform some stuff from the value obtained in the code-behind. How should I call code-behind?

My aspx:

function openWindow(page) {
  var getval = window.showModalDialog(page);
  document.getElementById("<%= TxtInput.ClientID %>").value = getval; 
  //After this I need to perform stuff 'Upload(TxtInput.value)' into database from the code-behind
}

The button calling the function is set up in the following manner:

<button class="doActionButton" id="btnSelectImage" runat="server" onclick="openWindow('../rcwksheet/popups/uploader.htm')">Select Image</button>

My desired code behind (VB):

Public Sub btnSaveImage_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnSelectImage.ServerClick
  Dim inputFile As String = Me.TxtInput.Value
  //do more stuff here
End Sub

So:

Is there a way to call code-behind from the JavaScript?
Can I somehow use the "onclick" property of a button to first go to a JavaScript and then to the code-behind?
Trigger a code-behind call "onchange" of the TxtInput.Value?

if you use web service like Jesper suggested, make sure you know how to secure your web service. stackoverflow.com/questions/4264909/… — Ray Cheng
– Ray Cheng, Commented May 19, 2012 at 6:30

Community · Accepted Answer · 2017-05-23 12:08:04Z

1

yes there is a way.

first, you can use javascript to submit the form after your return value is set in TxtInput.

function openWindow(page) {
  var getval = window.showModalDialog(page);
  document.getElementById("<%= TxtInput.ClientID %>").value = getval; 
  document.forms[0].submit();
}

then in your code behind, you can handle TxtInput's value in page load event.

protected void Page_Load(object sender, EventArgs e)
{
    if (Page.IsPostBack)
    {
        if (this.Input.Value != string.Empty)
        {
            this.Input.Value += "blah";
        }
    }
}

note: you may need Identifying control that caused postback

edited May 23, 2017 at 12:08

CommunityBot

11 silver badge

answered May 19, 2012 at 6:21

Ray Cheng

12.7k16 gold badges80 silver badges140 bronze badges

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

5 Comments

Harsimranjit Singh Over a year ago

If the page reloads again, and is a post back, can I still access the view state parameters?

Ray Cheng Over a year ago

if you mean access to view state on server side, the answer is yes.

Harsimranjit Singh Over a year ago

Thanks! I ended up using your solution. I marked all as answers, because theoretically they sound right, but I tried your thing.

Ray Cheng Over a year ago

you can only mark one as answer and looks like you marked Jesper's answer.

Harsimranjit Singh Over a year ago

Changed. Please see if you can help me on this: stackoverflow.com/questions/10679769/…

Jesper · Accepted Answer · 2012-05-19 05:38:49Z

0

You can put the server side code into a web service, make a service reference in an asp:ScriptManager on your aspx page and then you can call/execute the web service from javascript by calling:

WebServiceClassName.MethodName(javascriptvariable, doSomethingOnSuccess)

Here is a link on doing that:

http://msdn.microsoft.com/en-us/magazine/cc163499.aspx

answered May 19, 2012 at 5:38

Jesper

9994 gold badges14 silver badges30 bronze badges

Comments

Kapil Khandelwal · Accepted Answer · 2012-05-19 06:28:31Z

0

You can call the __doPostBack Event.

function openWindow(page) {
  var getval = window.showModalDialog(page);
  document.getElementById("<%= TxtInput.ClientID %>").value = getval; 
__doPostBack('btnSelectImage', getval);
}

And on the server side in your code behind, you can get the value:

In the PageLoad method:

if (Request.Form["__EVENTTARGET"] == "btnSelectImage")
{
    //get the argument passed
    string parameter = Request["__EVENTARGUMENT"];
    //fire event
    btnSaveImage_Click(this, new EventArgs());
}

answered May 19, 2012 at 6:28

Kapil Khandelwal

16.2k3 gold badges49 silver badges55 bronze badges

Collectives™ on Stack Overflow

Calling Code-behind from Javascript

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related