javascript - How to stop the page refresh after click on button in asp.net - Stack Overflow

admin管理员组

文章数量:1345096

I have a asp page where i am using javascript code in Edit.aspx and declared a method in it add course() as soon as the add course method is pleted the control goes to the Button click event which is in Edit.aspx.cs and after the button click is pleted the whole page refreshes

I have a asp page where i am using javascript code in Edit.aspx and declared a method in it add course() as soon as the add course method is pleted the control goes to the Button click event which is in Edit.aspx.cs and after the button click is pleted the whole page refreshes

• javascript
• asp
• html
• c#-4.0

Share Improve this question Follow asked Jan 27, 2014 at 6:47 user3230677user3230677 25522 gold badges33 silver badges66 bronze badges 3

• can u show aspx and javascript code? – Nitin Varpe Commented Jan 27, 2014 at 6:48
• if you are not doing any work in Click event on Edit.aspx.cs , just return false on client click of button. – raza rabbani Commented Jan 27, 2014 at 6:51
• try OnClientClick="return course();" in course() method must be return true or false and no ajax. – Anh Tú Commented Jan 27, 2014 at 6:51

Add a ment  | 

6 Answers 6

Sorted by: Reset to default 3

Your question says that you are working on client side then use

OnClientClick="course(); return false;"

.

if you want to call javascript method use OnClientclick()

and if you want call both the methods use onclick event to call the code behind method i.e method in aspx.cs and inside use this code

  ClientScript.RegisterStartupScript(this.GetType(), "JSScript", course());

asp web forms will always do a postback on a runat="server" button click. that is how it reaches the code behind (.cs file). for client side clicks you can either use aspx ajax or jQuery click or javascript onclick functions to prevent postbacks. For this very reason more and more asp developers are moving to asp mvc.

Try just creating a simple html button and doing and onclick to run you javascript function:

<button onclick="javascript:some_js_function();">Click Me</button>

or jQuery:

<button id="btn">Click Me</button>

in you document.ready:

$('form').on('click', '#btn', function(evt) {
    evt.preventDefault();
    some_js_function();
});

If you don't want to call any server side event on button click its better to use normal html button control.

Replace

  <asp:Button id="b1" Text="Submit" runat="server" />

With

   <input type="button" value="Submit">Submit</input> 

In your addcourse javascript function always return false and asp:button OnClientClick="return addcourse();"

** Example **

    <asp:button id="Add" runat="Server" OnClientClick="return addcourse();"/>

** JQuery **

function addcourse()
{
//your code here 
return false;
}

Your button on Edit.aspx have a property runat="server" remove it and your post back stops

本文标签： javascriptHow to stop the page refresh after click on button in aspnetStack Overflow