JQuery to display success message in asp.net web forms

Question

I started using jquery in one of my new asp.net web applications ... I want to display a success message after pasting on a button click event ... Here is my link button.

<asp:LinkButton ID="LbOk" runat="server" CssClass="regular" onclick="LbOk_Click" OnClientClick="return validateEmployee();" > </asp:LinkButton> 

And my OnClick event:

 protected void LbOk_Click(object sender, EventArgs e) { if (inserttoDB()) { // display successfully inserted using jquery } else { // display Insert Failed using jquery } } 

Answer 1

The code you posted doesn't make sense since LbOk_Click requires post-back. In this case, the entire page is displayed again. So you can / should use server side code to display the message.

The proper way to do this is to use an Ajax call. When the Ajax call ends, a message appears. Something like that:

  <asp:LinkButton ID="LbOk" runat="server" CssClass="regular" OnClientClick="updateEmployee();" > </asp:LinkButton> 

and client code:

 function updateEmployee() { if (validateEmployee() { $.ajax({ type: 'POST', url: url, data: data, success: function() { // display message here }}); } } 

Ajax server side can be implemented using Ajax-enabled WCF service .