How to Implement the ASPNET button to only execute client code without sending back pages

Source: Internet
Author: User

The default action of the asp.net Button is to send the page back and execute the server code. You can also use the html button control input type = "button" on the page, but this HTML control cannot be referenced in the cs file.

Asp: the Button is available in the cs file. How can I make it only execute the client JavaScript code without sending back the server code?

First, we will introduce the two events OnClientClick and OnClick of asp: Button. The former OnClientClick is to execute the client JavaScript code, and the latter OnClick is the server code. First, execute postback and then run it on the server. OnClientClick must be prior to OnClick. If there is no OnClick in asp: Button, it will still be sent back when clicked.

When OnClientClick returns false, OnClick will not be executed. In this way, you can execute an Ajax Asynchronous Operation in OnClientClick.
Copy codeThe Code is as follows:
<Asp: Button ID = "btnSave" runat = "server" Text = "Save" OnClientClick = "AjaxDoSave (); return false;"/>

In this way, the Button becomes the input of the client, but can be referenced in the cs file.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.