اتصال ارتباط AJAX به Server Side Web service method با استفاده از jQuery در Asp.net
با سلام در این مقاله، با مثال، نحوه برقراری ارتباط AJAX با Server Side Web Service's WebMethod را با استفاده از jQuery در ASP.Net با استفاده از C # و VB.Net توضیح خواهیم داد.
jQuery اجازه می دهد تا روش ASP.Net Server Side را از client side بدون هیچ PostBack بگیرد . این یک ارتباط AJAX به سرور است اما اجازه می دهد تا ما با روش تعریف شده در server side ارتباط بگیریم.
روش
شکل زیر نحوه ارتباط جی کوئری AJAX را شرح می دهد.
کد HTML
کد HTML شامل یک TextBox و یک دکمه HTML است. دکمه HTML به یک رویداد handler در onclick اختصاص داده شده است که روش ShowCurrentTime جاوااسکریپت را برای دریافت زمان فعلی فراخوانی می کند.
Your Name :
<asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
<input id="btnGetTime" type="button" value="Show Current Time" onclick="ShowCurrentTime()" />
روشهای Client Side
روش ShowCurrentTime ارتباط AJAX را به سرور ایجاد می کند و روش GetCurrentTime Web که پارامتر UserName را قبول می کند را اجرا می کند و زمان سرور را به عنوان مقدار رشته می دهد.
<script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
function ShowCurrentTime() {
$.ajax({
type: "POST",
url: "Default.aspx/GetCurrentTime",
data: '{name: "' + $("#<%=txtUserName.ClientID%>")[0].value + '" }',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: OnSuccess,
failure: function (response) {
alert(response.d);
}
});
}
function OnSuccess(response) {
alert(response.d);
}
</script>
روشهای وب Server Side
روش GetCurrentTime به سادگی یک پیام خوش آمد گویی به کاربر را با زمان فعلی سرور ایجاد میکند .
توجه :
این روش به عنوان static (C #) و Shared (VB.Net) و همچنین به عنوان WebMethod اعلام شده است، مگر این که شما این کار را نکنید قادر به فراخوانی متدها نیستید.
C #
[System.Web.Services.WebMethod]
public static string GetCurrentTime(string name)
{
return "Hello " + name + Environment.NewLine + "The Current Time is: "
+ DateTime.Now.ToString();
}
VB.Net
<System.Web.Services.WebMethod()> _
Public Shared Function GetCurrentTime(ByVal name As String) As String
Return "Hello " & name & Environment.NewLine & "The Current Time is: " & _
DateTime.Now.ToString()
End Function
عکس روی صفحه
