بارگزاری مجدد فرم در اسکریپت

سوال شده توسط: Maryam12 forex

تاریخ ثبت: ۱۴۰۳/۰۴/۰۶

بازدید: 121

پاسخ: 0

تگ: JQuery


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

           // Click event for adding new address
           $(document).on('click', '#btnAddNewAddress', function () {
               var url = $(this).data("url");
             

               $.ajax({
                   url: url,
                   type: 'GET',
                   success: function (data) {
                       $("#addNewAddressContainer").empty();

                       // اضافه کردن فرم جدید به #addNewAddressContainer
                       $("#addNewAddressContainer").append(data);

                       // واگذاری رویداد تغییر برای Location_Id در فرم جدید
                       $("#addNewAddressContainer").find("#Location_Id").on('change', function() {
                           handleLocationChange(); // تابع handleLocationChange را فراخوانی می‌کند
                       });
                   },
                   error: function () {
                       alert('Error occurred while loading the form.');
                   }
               });
           });
       }


       $(document).ready(function () {
           // Bind the initial event handler for the "Add New Address" button
           bindAddNewAddressButton();

           // Handle initial and dynamic forms change event in Location_Id
           $("#addNewAddressContainer").on("change", "#Location_Id", handleLocationChange);

           // Handle form submission AddNewAddress Form
           $("#addNewAddressContainer").on("submit", "form", function (e) {
               e.preventDefault();

               var $form = $(this);
               var formData = $form.serialize();

               $.ajax({
                   url: $form.attr("action"),
                   type: $form.attr("method"),
                   data: formData,
                   success: function (response) {
                       if (response.success) {
                           ShowMessage(response.message); // From My ShowMessage Method
                           $form.hide();

                           $('html, body').animate({ scrollTop: 0 }, 'fast');

                           // After adding a new address, update the address list
                           fetchAndUpdateAddressList();
                       } else {
                           ShowMessage(response.message);
                       }
                   },
                   error: function () {
                       ShowMessage('Error occurred while submitting the form.');
                   }
               });
           });
 

برای ثبت پاسخ باید خود شوید