Что не так с запросом клика?

Question

Я хочу отправить ajax запрос на публикацию на странице при нажатии. Мой код

$(document).on('click', '#datadel', function(num) {
     $.ajax({
        url:'https://localhost/ajax/ajax_img.php?act=datadel',
        type: 'POST',
        data: {'num':num},
        success: function(infa){
            $('#img-loag-scrin').html(infa);
        }
    }); 
    });

html код

<span id="datadel" class="sf_button_red" value="50">O`chirish</span>

, тогда значение в диапазоне должно быть отправлено в виде сообщения. что не так с кодом, который я написал

Answer 1

Элемент span не имеет атрибута значения, вы можете добавить к нему префикс data- и получить значение методом attr или data.

Пример:

$(document).on('click', '#datadel', function () {
    $.ajax({
        url: 'https://localhost/ajax/ajax_img.php?act=datadel',
        type: 'POST',
        data: { 'num': $(this).data("value") },
        // data: { 'num': $(this).attr("data-value") }, // alternate method to get the data attribute.
        success: function (infa) {
            $('#img-loag-scrin').html(infa);
        }
    });
});

HTML:

<span id="datadel" class="sf_button_reddata" data-value="50">O`chirish</span>

Демонстрация:

$(document).on('click', '#datadel', function() {
    console.log($(this).data("value"));
    //Ajax request
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span id="datadel" class="sf_button_reddata" data-value="50">O`chirish</span>

Answer 2

Тег span не имеет атрибута value. Атрибут value можно заменить любым атрибутом data, например

<span id="datadel" class="sf_button_red" data-value="50">O`chirish</span>

, и значение можно получить с помощью кода

$('datadel').data('value');