Как передать переменную из моего тега DIV через jQuery? - PullRequest
Новая
       74

Как передать переменную из моего тега DIV через jQuery?

0 голосов
/ 26 сентября 2019

Я новичок в jQuery и AJAX, и я пытаюсь создать ссылку на Избранное, которая вызывает скрипт (содержащий запросы к базе данных) при щелчке по AJAX.У меня есть функция, которая вызывает скрипт при нажатии HTML-тега.Оно работает!Однако мне нужно передать некоторые переменные этому сценарию, чтобы он работал, и я застрял.Как я могу сделать это через jQuery?

Это мой jQuery: 

    $(document).ready(function(){
      $(".favorites").click(function(){
        $.ajax({url: "scripts/ajax_favorites.php", success: function(result){
          $("#div1").html(result);
        }});
      });
    });

Это мой HTML: 

    <div id="div1" class="favorites">[Favorite]</div>

Я пытался добавить другие элементы,включая "? e = (event.target.name)" после моего URL, и это, кажется, не работает.Я думаю, что мой синтаксис далеко.Я добавил «имя» и включил свой идентификатор, но не смог успешно вызвать его в jQuery.

Я надеюсь добавить что-то в тег DIV, который может указывать идентификатор, чтобы при нажатии, он запускает мой скрипт и передает эту переменную.

1 Ответ

1 голос
/ 26 сентября 2019

Вы можете выбрать любой атрибут из элемента, по которому щелкнули, например, если вы хотите присвоить идентификатор, вы можете сделать это следующим образом 

$(".favorites").click(function () {
    var id = $(this).attr('id');
    $.ajax({
        url: "scripts/ajax_favorites.php?e="+id, success: function (result) {
            $("#div1").html(result);
        }
    });
});

Или вы можете использовать атрибут данных в вашем html получить значениеоттуда 

$(".favorites").click(function () {
    var fav = $(this).data('fav');
    $.ajax({
        url: "scripts/ajax_favorites.php?e=" + fav, success: function (result) {
            $("#div1").html(result);
        }
    });
});

html будет 

<div id="div1" class="favorites" data-fav="fav1">[Favorite]</div>
...