AJAX

سلام من یک لیست دارم که با FOREACH نمایش دادمش حالا می خوام کاربر وقتی کلیل میکنه ایدی محصولم با AJAX ارسال بشه اما هر بار فقط ایدی ایتم اول فقط ارسال میشه , ایتم بعدیا ارسال نمی شند

<span id="Id"valu="@item.Id">@item.Id</span> با این مقدار میفرستم AJAX

پشتیبانی باگتو

1401/12/19

برای اینکه با هر کلیک بر روی آیتم لیست، اطلاعات محصول مربوط به آن آیتم با AJAX به سرور ارسال شود، می‌توانید از رویداد onclick بر روی هر آیتم استفاده کنید. برای مثال، شما می‌توانید کد HTML زیر را داخل حلقه FOREACH برای نمایش لیست ایجاد کنید.

@foreach(var item in MyList)
{
    <div class="item" onclick="sendProductId(@item.Id)">
        <span>@item.Name</span>
    </div>
}

در اینجا با استفاده از رویداد onclick بر روی دیو اصلی هر آیتم، تابع sendProductId با آیدی محصول مربوطه صدا زده می‌شود. این تابع می‌تواند با استفاده از AJAX اطلاعات محصول مورد نظر را از سرور دریافت کرده و یا به سرور ارسال کند. به عنوان مثال، کد جاوااسکریپت زیر را می‌توانید در فایل JS خود قرار دهید:

function sendProductId(id) {
    $.ajax({
        url: "/Product/GetProductInfo",
        data: { productId: id },
        success: function (result) {
            // نمایش اطلاعات محصول
        },
        error: function (xhr, status, error) {
            // نمایش خطا
        }
    });
}

در اینجا، تابع sendProductId، با گرفتن آیدی محصول از روی رویداد onclick، از طریق AJAX اطلاعات مربوط به محصول را از سرور دریافت می‌کند و با موفقیت دریافت اطلاعات، نتیجه را در بخش success نمایش می‌دهد و در صورت بروز خطا، خطا را در بخش error نمایش می‌دهد.

می‌خواهم نظری برای این پاسخ ارسال کنم - کلیک کنید

پشتیبانی باگتو

1401/12/19

@foreach(var item in MyList)
{
    <div class="item" onclick="sendProductId(@item.Id)">
        <span>@item.Name</span>
    </div>
}

function sendProductId(id) {
    $.ajax({
        url: "/Product/GetProductInfo",
        data: { productId: id },
        success: function (result) {
            // نمایش اطلاعات محصول
        },
        error: function (xhr, status, error) {
            // نمایش خطا
        }
    });
}

می‌خواهم نظری برای این پاسخ ارسال کنم - کلیک کنید

پاسخی برای این باگ ارسال کنید

لطفا کدها را درون قطعه کد ارسال نمایید

برای ارسال پاسخ باید وارد حساب کاربری خود شوید
ورود به حساب کاربری