Description :

Hi, Today we are going to implement how to  use an ajax method to call C# web method. We can use ajax with PHP or with ASP.NET or many other technologies. Now we will see How to Call C# Method/Function Using jQuery Ajax.

What is Ajax? :

Ajax is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications.

Call function in Code-behind :

With the help of the jQuery.ajax() or $.ajax() we can able to call the web method which is defined in our c# class. $.ajax() function will make a asynchronous HTTP(Ajax) request to our web method called as MYSampleAjaxCall. In order to make a asynchronous HTTP request using $.ajax() function we have to pass some parameters, we will see them one by one.

Step1 :

Create an ajax function in an .aspx page.

[javascript]
<script type="text/javascript">
$(document).ready(function () {

var Firstname= $(“#txtfirstname”).val();
var Lastname=$(“#txtlastname”).val();

$.ajax({
type:"POST",
url:"splessonsReegistration.aspx/MYSampleAjaxCall",
data:’ {FirstName:"’+Firstname+’",LastName:"’+Lastname+’"}’,
ContentType:"application/Json;Charset=utf-8",
datatype:"Json";
Success:OnSuccess;
Failure:Function(responce){
alert(responce.d);
}
});

});

Function OnSuccess(responce){
alert(responce.d);
}
</script>
[/javascript]

Here is the C# function :

[csharp]

public partial class splessonsReegistration : LayoutsPageBase

{
protected void Page_Load(object sender, EventArgs e)
{
}
[Syetem.Web.Services.WebMethod]
public static void MYSampleAjaxCall(string FirstName,String LastName)
{
return FirstName "++" LastName;
}

}

[/csharp]

Output :