ارسال مقادیر input های داخل Form به سمت سرور توسط ایجکس

پاسخ هوش مصنوعی

برای ارسال مقادیر input های داخل فرم به سمت سرور با استفاده از AJAX، شما می توانید از jQuery استفاده کنید. در زیر یک نمونه کد را مشاهده می کنید که مقادیر تگ های select را دریافت کرده و به سمت سرور ارسال می کند:

$(document).ready(function() {
    $('#yourFormId').on('submit', function(e) {
        e.preventDefault(); // جلوگیری از ارسال پیش فرض فرم

        var formData = $(this).serialize(); // تبدیل داده های فرم به یک رشته قابل ارسال

        $.ajax({
            url: 'your-server-endpoint.php', // آدرس سرور شما
            type: 'POST', // نوع درخواست
            data: formData, // داده های ارسال شده
            success: function(response) {
                console.log('Response from server: ' + response);
                // می توانید اینجا از response برای به روزرسانی UI استفاده کنید
            },
            error: function(xhr, status, error) {
                console.error('AJAX Error: ' + status + error);
            }
        });
    });
});

در این کد:

• با استفاده از serialize() تمامی داده های فرم به فرمت قابل ارسال تبدیل می شوند.
• در url، آدرس سمت سرور را جایگزین کنید.
• با توجه به نیاز خود می توانید نوع درخواست را تغییر دهید.

این کد به شما این امکان را می دهد که هر تعداد تگ select که در فرم دارید با استفاده از AJAX به سرور ارسال کنید.

ارسال input های یک form به سمت سرور توسط دستور serialize

شما می تونید توسط دستور Serialize همه مقادیر input ها رو دریافت کنید و به سمت سرور ارسال کنید. به مثال زیر توجه کنید :

$.ajax({
    type: "POST",
    url: "/Home/SaveAction",
    dataType: 'json',
    data: {datastring : $("#frmname").serialize()},
    success: function(data) {
        //...
    }
});

همان طور که در مثال بالا مشاهده می کنید مقادیر تمامی input ها توسط دستور serialize دریافت میشه و به صورت json توسط یک متغیر به نام datastring به سمت سرور ارسال میشه.