استفاده از jquery ajax برای ارسال داده به سرور ساید

نوشته شده توسط بهنامی در ۹ اسفند ۱۳۹۲

سلام خوبین ؟

اول تشکر از بابت لطف دوستان نسبت به پست اول وبلاگم که خیلی خیلی به من انرژی و امید دادن بابت ادامه کارم

خب تو هر سایتی شما باید برای اینکه یه اطلاعاتی رو از سرور بخونید و بیارید مثل داده های پایگاه داده یا اطلاعات سشن ها یا چیزای شبیه این مجبورید که تو سمت سرور یه کد هایی رو بنویسید حالا چه میخواد سایت شما سمت سرور سایدش PHP  باشه یا ASP.NET یا هر چیز دیگه ای …

*(من چون خودم ASP.NET کار میکنم برای همین اکثر مثال ها و حرفا حول محور اون خواهد بود )

خب الان ارسال داده ها از سمت کلاینت به سمت سرور ساید میتونه چند جور باشه

ساده ترین و بی درده سر ترین روش همون روش معمول اینه که ابجکت رو بندازید رو صفحه و بعد روش دو تا کلیک بکنید و کد ها رو داخلش بنویسید ( که من خودم هم تا چند مدت پیش همین طوری کار میکردم)

یه روش دیگه بیشتر امروز مد نظر من هست تو این پست استفاده از jquery Ajax هستش

خب این اصلا یعنی چی ؟؟؟؟

یعنی اینکه تمام کار ها سمت کلاینت ساید با جاوا اسکریپت ها و جی کوئری و فقط و فقط زمانی که نیاز هست به سرور مراجعه میشه مثل خوندن یه داده ای از دیتا بیس یا کار هایی شبیه این

این روش مزیت های زیادی داره قدرت مانور خیلی بالایی روی صفحه تون دارین سرعت اجرای صفحه تون خب به نسبت روش قدیمی خیلی بالا تر هستش و …

نحوه کار این روش شما داده هاتون رو سمت کلاینت ساید از کاربر میگیرید تمام کارهای پردازشی که لازم هست رو روش انجام میدین ( سرور برای این کار مشغول نمیشه ) در نهایت در زمان نیاز اونارو به صورت اجاکس به سمت سرور میفرستید سرور عملیات مد نظر رو انجام میده روش بعد نتیجه رو به صورت json بهتون بر میگردونه و دوباره پردازش اطلاعات برگشت داده شده و نمایش اونها در سمت کلاینت ساید انجام میشه

یه نمونه کد از این کار (البته این روش وب متد هستش یعنی یه تابع خاص از یه صفحه رو فراخوانی میکنم به جای فراخوانی کل صفحه

البته این روشی هستش که من فک میکنم درسته و نظر شخصیمه دوستان و با تجربه ها باید بگن که چقدر این نظر من درسته و صد در صد روش های بهتری هم هست که من بلد نیستم که دوستان اگه اشاره کنن بهش خیلی هم خوب میشه هم یاد میگرم اونو و هم یه پست هم در مورد اون می نویسم ایشالا 🙂

 

[]$.ajax({

    type: “POST”,

    url: “Masir FILE ASPX ke -FUNCTION Dakhele ON Hastesh/My_Fuction  ( be horofe kochak va bozorg hasas hastesh)”,

    contentType: “application/json; charset=utf-8”,

    data: “{‘Parametr1′:’مقدار پارامتر’,’Parametr2′:’مقدار پارامتر’}”,

    datatype: “json”,

    success: function (result) {

// اگر عملیات موفقیت امیز باشد این قسمت اجرا میشود

        if (result.d == “UnSuccess”) {

        } else {

            //alert(result.d);

            result = $.parseJSON(result.d);

            $.each(result, function (index) {

//چون داده برگشتی ما به صورت چندین رکورد بود در این قسمت با استفاده از  از این حلقه تک تک رکورد های برگشتی را بررسی میکنیم

             });

},

    error: function (error) {

        //Message

        //بروز خطا در اجرای کد های سمت سرور این قسمت اجرا میشود

        //console.error(error.d);

    }

});

using System.Web.Services;

[WebMethod]

public static string My_Fuction(string Parametr)

    {

          // عملیات دلخواهتون رو بنویسید

                if (“عملیات موفقیت آمیز”)

                {

                    return Newtonsoft.Json.JsonConvert.SerializeObject(result, Formatting.Indented); ;

                   // این خط برای تبدیل کردن نتیجه کار که در اینجا یک DATATable  هستش به داده فرمت json   هستش و  Newtonsoft یک کامپوننت برای این کاره شما میتونید خودتون از طریق خود .NET این کار رو انجام بدین

                }

                else

                {

                    return “UnSuccess”;

و یا نتیجه رو به صورت یه رشته معمولی برگردونید که معمولا اگه نتیجه درست یا خطا باشه اینطوری استفاده میکنیم

                }

    }

 

بدون دیدگاه دسته‌بندی : جی کوئری

دیدگاه‌تان را ارسال کنید ...