Articles → JavaScript → _Dopostback In Javascript

_Dopostback In Javascript

1. First of all open visual studio and create a web application DissectDoPostBack (you can give any name to your web application).
2. On the default.aspx page add a button control.
3. Run the application.
4. You can see a button which have added in the web form at design time.
5. Right click on the web browser.
6. Click View Source.

Click to Enlarge

As you can see in the above figure that there is no _doPostBack function on the page because button doesn’t use _doPostBack to trigger a postback.


7. Now add a textbox in the form.
Again run the application.


8. Right click on the browser window and click View Source

Click to Enlarge

Surprised!! Still there is no _doPostBack function in the page, but as stated earlier that except button and ImageButton all other controls uses this method to trigger a postback.Lets move forward


9. Now add an attribute AutoPostBack = "true" in the textbox.
10. Again run the application.
11. Click on the textbox and type something in it. You can observe the submission of page validates AutoPostBack = "true" Fair enough.
12. Now again right click on the browser and click View Source

Click to Enlarge

Check the onChange event of textbox. It means whenever there is a change in the text of the textbox, the textbox uses _doPostBack method to trigger a postback.

Now let us delve more into this method._doPostBack takes 2 arguments eventTarget and eventArgument.The first parameter is the ID of the control that triggers the postback and second parameter contains any additional data associated with the control.

The value of both the controls is stored in _EVENTTARGET and _EVENTARGUMENThidden fields

Now let us call _doPostBack explicitly on button click.


13. On the head section of the page add a JavaScript function ClickButton

<script language = "javascript"
type = "text/javascript">
  function ClickButton() {

    return false;
  } </script>




14. On the page load add the following code

Button1.Attributes.Add("onclick", "return ClickButton();");




15. Run the application
When you click on the button you will observe that page is not submitting because in the JavaScript method ClickButton we are returning false.


16. Now in the ClickButton method add following

_doPostBack("TextBox1", "Test");



So our function becomes



<script language = "javascript"
type = "text/javascript">
  function ClickButton() {
    _doPostBack("TextBox1", "Test");
    return false;
  } </script>




17. Now again run the application.
18. Click on the button.