Как правильно разместить контент, связанный с AJAX, в ссылке

Question

Когда вам нужна ссылка, содержащая информацию для вызова AJAX, как правильно разместить эту информацию?

Я всегда помещал ее в атрибут rel , но читалдокументация для rel кажется, что это не то место:

Этот атрибут описывает отношение из текущего документа к якору, указанному атрибутом href.Значением этого атрибута является разделенный пробелами список типов ссылок.

Вы можете проанализировать href и получить необходимую информацию:

<a class="store_link" href="/store/4/name-of-store">Name of Store</a>

$(".store_link").click( function() {
    id = $(this).attr('href').split('/')[2];
});

Но ссылки выиграли 't всегда есть hrefs

Есть ли подходящее место для размещения этой информации?

Answer 1

Я использую нестандартные атрибуты HTML с префиксом data- См. этот ответ для получения более подробной информации. Это не будет проверять, но работает отлично. Вам нужно решить, насколько важна для вас 100% проверка.

Answer 2

Вы можете использовать .data ()

Answer 3

jQuery позволяет хранить данные для объектов DOM более элегантным способом.

См. API data() здесь: http://api.jquery.com/jQuery.data/

Другой способ, который часто используется, но можетсделать ваш X / HTML несовместимым - это создать свои собственные атрибуты.

например.<div id="myDiv" someattr="lipsum dolor sit emet"> ... </div>

, а затем в вашем jQuery вы можете получить значение, выполнив $('myDiv').attr('someattr')