In this post, I am explaining how to bind data to
Gridview using
jQuery in
ASP.Net through Ajax call.
In previous posts, I explained
Page Scroll to Top with jQuery,
Automatically Refresh Page Using Java Script ,
How to Create a Textarea Character Counter,
Animated Sliding Recent Post Widget For Blogger,
Change Input to Upper Case using Java Script,
Calculate Age from Date of Birth Using Java Script,
jQuery .toggleClass() example and some other articles related to
C#,
ASP.Net,
jQuery,
Java Script and
SQL Server.
ASPX Page
Gridview Markup
<asp:GridView ID="grdDemo" runat="server" AutoGenerateColumns="False" Font-Names="Arial"
Font-Size="10pt" HeaderStyle-BackColor="GrayText" HeaderStyle-ForeColor="White" Width="500px">
<Columns>
<asp:BoundField DataField="ID" HeaderText="ID" />
<asp:BoundField DataField="FName" HeaderText="First Name"/>
<asp:BoundField DataField="LName" HeaderText="Last Name"/>
<asp:BoundField DataField="Email" HeaderText="E-mail"/>
</Columns>
</asp:GridView>