ارسال Model به سمت کنترلر توسط جی کویری (Jquery Ajax)

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

برای ارسال اطلاعات یک فرم به سمت سرور با استفاده از جی کویری و AJAX، می توانید از کد زیر استفاده کنید. فرض کنید فرم شما شامل فیلدهای نام، فامیلی، شماره تماس، آدرس، سن و جنسیت است:

$(document).ready(function() {
    $("#registerForm").submit(function(event) {
        event.preventDefault(); // جلوگیری از ارسال فرم به صورت پیش فرض
        var formData = $(this).serialize(); // جمع آوری داده های فرم

        $.ajax({
            url: '/your-controller-endpoint', // url کنترلر
            type: 'POST', // نوع درخواست
            data: formData, // داده های فرم
            success: function(response) {
                // مدیریت موفقیت
                alert("ثبت نام با موفقیت انجام شد!");
            },
            error: function(xhr, status, error) {
                // مدیریت خطا
                alert("خطایی در ثبت نام رخ داد: " + error);
            }
        });
    });
});

و برای فرم HTML می توانید به این صورت عمل کنید:

    نام:
    
    
    فامیل:
    
    
    شماره تماس:
    
    
    آدرس:
    
    
    سن:
    
    
    جنسیت:
    
        مرد
        زن
    
    
    ارسال

این کد با استفاده از متد `serialize()` جی کویری، داده ها را از فرم جمع آوری کرده و آن ها را به سرور ارسال می کند. شما می توانید آدرس کنترلر خود را در قسمت `url` مشخص کنید و همچنین می توانید در قسمت `success` و `error` اقدامات لازم را پس از ارسال موفق یا ناموفق درخواست انجام دهید.

ارسال اطلاعات ساده به سمت سرور توسط Ajax

اگر اطلاعات شما ساده هست و شامل فرم های ترکیبی نیست خیلی راحت می تونید به صورت زیر اطلاعات رو به سمت سرور از طریق Ajax ارسال کنید:

$.ajax({
   type: "Post",
   url: "/Controller/Action",
   dataType: "json",
   data: {
      "id": $("#txtid").val(), "code": $('#txtcode').val()
   },
   success: function (result) {
      //....
   }
});

ارسال اطلاعات Model به سمت سرور توسط Ajax

اما اگر شما قصد دارید اطلاعات یک فرم شامل input و checkbox و تصویر و ... رو به سمت سرور ارسال کنید لینک زیر رو مطالعه کنید کامل و با مثال توضیح داده شده.

ارسال اطلاعات فرم به سمت سرور توسط Ajax