Get/Post AJAX در jquery

Get/Post AJAX در jquery :

در جی کوئری، Get و Post AJAX دو روش برای ارسال درخواست به سرور هستند. با استفاده از این دو روش، می‌توانید اطلاعاتی را به صورت ناهمزمان (asynchronous) از سرور دریافت کنید یا به سرور ارسال کنید.

Get AJAX

Get AJAX به صورت زنده آدرس URL را به سرور ارسال کرده و درخواست را انجام می‌دهد. این روش برای دریافت اطلاعاتی که به صورت استاتیک و بدون تغییر بین هر درخواست هستند، مناسب است. برای مثال، دریافت اطلاعاتی از پایگاه داده که در هر بار اجرا تغییر نکند.

برای ارسال درخواست Get AJAX در جی کوئری، از روش زیر استفاده می‌شود:

$.get(URL, data, success, dataType);

– URL: آدرس URL که برای ارسال درخواست استفاده می‌شود.
– data: داده‌هایی که برای ارسال با درخواست به سرور نیاز است.
– success: یک تابع callback که پس از دریافت پاسخ موفقیت‌آمیز از سرور اجرا می‌شود.
– dataType: نوع داده‌ای که از سمت سرور بازگردانده می‌شود، به عنوان مثال JSON، XML و غیره.

Post AJAX

Post AJAX برای ارسال داده‌های متغیر به سرور مناسب است. برای مثال، زمانی که باید فرمی را به سرور ارسال کنید و داده‌ها در هر بار ارسال ممکن است تغییر کنند.

برای ارسال درخواست Post AJAX در جی کوئری، از روش زیر استفاده می‌شود:

$.post(URL, data, success, dataType);

– URL: آدرس URL که برای ارسال درخواست استفاده می‌شود.
– data: داده‌هایی که برای ارسال با درخواست به سرور نیاز است.
– success: یک تابع callback که پس از دریافت پاسخ موفقیت‌آمیز از سرور اجرا می‌شود.
– dataType: نوع داده‌ای که از سمت سرور بازگردانده می‌شود، به عنوان مثال JSON، XML و غیره.

نمونه کد

برای نمونه، یک فرم شامل دو فیلد (نام و ایمیل) را در نظر بگیرید. ما می‌خواهیم اطلاعات را با استفاده از Post AJAX به سرور ارسال کنیم و پس از ارسال، پیامی را نمایش دهیم که آیا ارسال موفقیت‌آمیز بوده یا خیر.

HTML:

JavaScript:

$(document).ready(function(){
$(‘#myForm’).submit(function(event){
// Stop form from submitting normally
event.preventDefault();

// Get some values from elements on the page
var $form = $(this);
var name = $form.find(‘input[name=”name”]’).val();
var email = $form.find(‘input[name=”email”]’).val();

// Send the data using post
var posting = $.post(‘/submit’, {name: name, email: email});

// Show a success message
posting.done(function(data){
alert(‘Data saved successfully.’);
});
});
});

در این نمونه، با استفاده از فرم، داده‌های نام و ایمیل از کاربر دریافت شده و پس از ارسال به سرور، پیام موفقیت‌آمیزی نمایش داده می‌شود.

از اینجا به بعد، با استفاده از Get و Post AJAX، می‌توانید با سرور به صورت ناهمزمان ارتباط برقرار کنید و اطلاعات مورد نیاز خود را دریافت کنید یا به سرور ارسال کنید.