传递来自单个锚标记的大量数据

Question

从单个链接传递大量数据的最佳方法是什么？这样的事情是个好主意还是有更好的方法？

<a href="{ 'id':'1', 'foo':'bar', 'something':'else' }" id="myLnk" > Click </a>


$('#myLnk).click( function(event){
  event.preventDeafult();
  var data = $(this).attr('href')
  console.log( $.parseJSON( response ) );

})

谢谢!

Answer 1

最好的方法是在锚标记中使用自定义数据属性.

例如:

<a href="#" data-json="{ 'id':'1', 'foo':'bar', 'something':'else' }">Click</a>

然后,您可以使用jQuery data()函数从JavaScript轻松访问此数据.

或者,您可以将其拆分为单独的属性,而不是将所有数据捆绑在一个JSON块中:

<a id="myLnk"
    data-id="1"
    data-foo="bar"
    data-something="else">

然后可以使用jQuery检索这些:

$("#myLnk").data("id")
$("#myLnk").data("foo")
$("#myLnk").data("something")