<%@ Page
Language="C#" AutoEventWireup="true"
CodeBehind="WebForm1.aspx.cs" Inherits="Website1.WebForm1"
%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head
runat="server">
<title></title>
<script lang="javascript" src="JQuery.js"
type="text/javascript"></script>
<script lang="javascript">
function chk()
{
$.ajax (
{
type: "POST",
url:
"WebForm1.aspx/show", // show is the name of function
data: "{}",
contentType:
"application/json; charset=utf-8",
dataType:"json",
async: true,
cache: false,
success: function (msg)
{
$('#div1').text(msg.d);
},
error: function (x, e)
{
alert("The call to the
server side failed. " + x.responseText);
}
});
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="div1" style="width:500px;
height:40px; background-color:aqua">
This is hidable.
</div>
<div>
<asp:TextBox ID="Text"
CssClass="abc" Text=""
runat="server"></asp:TextBox>
<asp:Button ID="btnShow"
OnClientClick="return chk();" runat="server"
OnClick="btnShow_Click" Text="Javascript" />
</div>
</form>
</body>
</html>
