توضیحات و دانلود

استفاده از AJAX در ارسال و دریافت آرایه جاوا اسکریپت به روش Web Service با ASP.Net
0 0
استفاده از AJAX در ارسال و دریافت آرایه جاوا اسکریپت به روش Web Service با ASP.Net

با سلام در این مقاله توضیح خواهیم داد که چگونه می توان با استفاده از AJAX PageMethod از آرایه های جاوا اسکریپت و سرویس وب استفاده کرد.

فعال کردن PageMethods
برای فعال کردن PageMethods یک ScriptManager در صفحه اضافه کرده ایم و همچنین EnablePageMethods آن را به true تنظیم کرده ایم

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods = "true">
</asp:ScriptManager>

آرایه های ساده
 با عبور و جمع آوری آرایه ساده از رشته های جاوا اسکریپت به روش های وب شروع می کنیم.
Client Side:
در اینجا جاوا اسکریپت روش Web Method server side را فراخوانی می کند و آرایه های شهر را به آن منتقل می کند. روش وب به نوبه خود آرایه های شهرها از رشته ها باز می شود که در روش موفقیت Call of PageMethod دریافت می شود.

<script type = "text/javascript">
    function GetCityNameArray() {
        var cities = ['Mumbai', 'Delhi', 'Chennai'];
        PageMethods.GetCityNameArray(cities, OnSuccessGetCityNameArray);
    }
    function OnSuccessGetCityNameArray(response) {       
        for (var i in response) {
            alert(response[i]);
        }
    }
</script>

در رویداد بالا با کلیک بر روی دکمه HTML زیر ارتباط می گیریم .

<input type = "button" onclick = "GetCityNameArray()" value = "Get City Name Array" />

Server Side:
در Server Side، روش وب صرفا آرایه ای را که از جاوا اسکریپت صفحه دریافت کرده است، باز می گرداند.
C #

[System.Web.Services.WebMethod]
public static string[] GetCityNameArray(string[] cities)
{
    return cities;
}

VB.Net

<System.Web.Services.WebMethod()> _
Public Shared Function GetCityNameArray(ByVal cities() As String) As String()
    Return cities
End Function

عکسها:

در تصویر بالا، متوجه خواهید شد که چگونه آرایه از جاوا اسکریپت با استفاده از روش وب دریافت شده است.

 

در تصویر بالا، متوجه خواهید شد که چگونه آرایه ارسال شده توسط روش وب سایت client side توسط روش جاوا اسکریپت کلاینت دریافت می شود.

آرایه ای از اشیاء
در بخش اول ما دیدیم که چگونه می توانیم آرایه های ساده را به server side با استفاده از روش وب و ASP.Net AJAX PageMethod منتقل کنیم. حالا ما خواهید آموختیم که چگونه آرایه های کلاس را به server side منتقل کنیم و همچنین نحوه دریافت آرایه های کلاس را در توابع جاوا اسکریپت کلاینت دریافت کنیم.
کلاس:
ابتدا یک کلاس ساده شهر ایجاد می کنیم که دو ویژگی ساده دارد :
1. نام - نام شهر
2. جمعیت - جمعیت شهر.

C #

public class City
{
    private string name;
    public string Name
    {
        get
        {
            return name;
        }
        set
        {
            name = value;
        }
    }
 
    private int population;
    public int Population
    {
        get
        {
            return population;
        }
        set
        {
            population = value;
        }
    }
}

VB.Net

Public Class City
    Private _name As String
    Public Property Name As String
        Get
            Return _name
        End Get
        Set(ByVal value As String)
            _name = value
        End Set
    End Property
    Private _population As Integer
    Public Property Population As Integer
        Get
            Return _population
        End Get
        Set(ByVal value As Integer)
            _population = value
        End Set
    End Property
End Class

Client Side:
تابع جاوا اسکریپت زیر یک اشیاء آرایه ای را ایجاد می کند و آن را به یک روش وب با استفاده از AJAX PageMethod می گذارد. روش وب به راحتی آرایه شیء شهر دریافت شده را به عنوان پاسخ به عملکرد جاوا اسکریپت بازمیگرداند و سپس توسط روش موفقیت Call of PageMethod دریافت می شود.

<script type = "text/javascript">
    function GetCityObjectArray() {
        var cities = new Array();
        var city = {};
        city.Name = "Mumbai";
        city.Population = 2000;
        cities[0] = city;
        city = {};
        city.Name = "Delhi";
        city.Population = 1000;
        cities[1] = city;
        city = {};
        city.Name = "Chennai";
        city.Population = 3000;
        cities[2] = city;
        PageMethods.CityObjectArray(cities, OnSuccessCityObjectArray);
    }
    function OnSuccessCityObjectArray(response) {
        for (var i in response) {
            alert(response[i].Name + " " + response[i].Population);
        }
    }
</script>

 از رویداد بالا با کلیک بر روی دکمه HTML زیرارتباط می گیریم

<input type = "button" onclick = "GetCityObjectArray()" value = "Get Cities Object Array" />

Server Side:
در Server Side، روش وب، آرایه شیء شهر را از جاوا اسکریپت صفحه دریافت می کند.
C #

[System.Web.Services.WebMethod]
public static List<City> CityObjectArray(List<City> cities)
{
    return cities;
}

VB.Net

<System.Web.Services.WebMethod()> _
Public Shared Function CityObjectArray(ByVal cities As List(Of City)) As List(Of City)
    Return cities
End Function

عکسها:

 

تصویر بالا نشان می دهد چگونه آرایه ای از اشیاء ارسال شده به سرور از طریق ASP.Net AJAX PageMethod توسط روش وب سایت server side دریافت می شود .

تصویر بالا نشان می دهد چگونه آرایه ای از اشیاء توسط client side عملکرد جاوااسکریپت دریافت می شود.


دانلود
  • لینک های دانلود دوره های آموزشی تا پایان دوره قابل دانلود می باشد.
  • برای خارج کردن فایل ها از حالت فشرده از ورژن جدید نرم افزار winrar استفاده کنید.
  • برای خارج کردن فایل ها از حالت فشرده لینک های دانلودی که چندین قسمت می باشند فقط قسمت اول را از حالت فشرده خارج کنید.
  • لطفا توضیحات نوشته شده برای مطالب را با دقت بخوانید.
  • برای نمایش فیلم ها می توانید از نرم افزار هایی مانند Km Player , VLC Player یا Media Player Classic استفاده کنید.

ارسال نظر
ارسال پیام به :