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 :
Comments
Shahid
If i call a method from a class file inside a folder.
Sreehari Inukollu
Hi Shahidab,
Could you please give me more details on your doubt so it’s easy to address your doubt. if suppose your webmethod is inside a folder “AppData” then simple use “root url/AppData/WebMethodClass.apsx.cs/WebMethod”.