Call Page Method From Jquery Ajax Call

See more:

C#

jQuery

Suppose you have a page named Default.aspx. On this page there is a . You want to show date in this div from a method in code file.
In Default.aspx.cs make a Method like this.
add following namespace.

using System.web.services;

[WebMethod]
public static string GetData()
{
return "Pakistan Zindabad";

}
//write this code on Default.aspx head section.
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {

$("#div1").click(function () {

$.ajax({
type: "POST",
url: "default7.aspx/GetData",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {

$("#div1").html(msg.d);

}

});
});

/script>

This solution is working fine.