آموزش AJAX به سادگی تمام

1394-03-25

شاید نوشتن کدهای ajax برای هر پروژه به صورت جداگانه زیاد خوب به نظر نرسد. بیاید یک کد بنویسیم و از آن در تمام پروژه ها استفاده کنیم.

آموزش AJAX به سادگی تمام

شاید نوشتن کدهای ajax برای هر پروژه به صورت جداگانه زیاد خوب به نظر نرسد. بیاید یک کد بنویسیم و از آن در تمام پروژه ها استفاده کنیم.

در این مطلب با استفاده از کتابخانه jQuery کدی مینویسیم که فقط با اضافه کردن یک کلاس به تگ form، اطلاعات فرم به صورت ajax ارسال شود، و همچنین پیام مناسب صادر شود.

در ادامه همراه ما باشید…

ابتدا کد زیر را به صفحه اضافه میکنیم. 

$(document).on("submit", ".ajax-form", function() {
  var form = $(this),
      action = form.attr('action'),
      method = form.attr('method'),
      dataSerialize = form.serialize();
   
  var request = $.ajax({
    type: method,
    url: action,
    data: dataSerialize
  });
   
  request.done(function(data) {
     alert(data);
  });
   
  request.fail(function() {
      alert('fail');
  });
   
  return false;
});

 

خب. تنها یک قدم دیگر تا اتمام کار کافیست. در مرحله بعد هر فرمی که میخواهید اطلاعات آن به صورت ajax ارسال شود، کافی است کلاس ajax-form را به تگ form اضافه کنید.

نکته 1: برای بازگشت دادن اطلاعات از سمت سرور، کافیست متنی که میخواهید نمایش دهید را با دستور echo ارسال کنید.

نکته 2: در تابع خط 13، اطلاعات بازگشتی از سمت سرور، alert میشود، شما میتوانید برای خودتان سفارشی سازی کنید.

نکته 3: در تابع خط 17، در صورت انجام نشدن عملیات ajax، پیغامی با پیام “fail” به کاربر نمایش داده میشود، شما میتوانید برای خودتان سفارشی سازی کنید.

اگر کد بالا دارای هرگونه اشکال، یا جای کار برای توسعه داشت در نظرات بیان کنید

در تماس باشید

درباره ما

لاراوب ارایه دهنده وب سرویس های ارز ، سکه ، طلا به صورت لحظه ای و وب سرویس قیمت 177 خودروی داخلی وخارجی قیمت بازار و کارخانه وب سرویس انس طلا ، مثقال طلا، گرم طلای ۱۸ وب سرویس قیمت موبایل وب سرویس ثبت احوال بررسی کد ملی و انواع وب سرویس ها می باشد .

وب سرویس های ارز ، سکه ، طلا به صورت لحظه ای و وب سرویس قیمت خودروی داخلی وخارجی ،وب سرویس انس طلا ، مثقال طلا، گرم طلای ۱۸ ، مثقال طلا ، شاخص بورس ، نفت سبک، نفت برنت، نفت اپک، بنزین (گالن)،وب سرویس لحظه ای قیمت موبایل ، تبلت سامسونگ ، اپل ، گازوئیل، انس پالادیوم