Tek bir bağlantı etiketinden çok sayıda veri geçirin

Tek bir bağlantıdan çok fazla veri iletmenin en iyi yolu nedir? Böyle bir şey iyi bir fikir mi yoksa daha iyi bir yolu var mı?Tek bir bağlantı etiketinden çok sayıda veri geçirin

<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)); 

})

Teşekkürler!

<a href="#" id="myLnk" data-id="1" data-foo="bar" data-something="else">Click</a>

kaynak

2011-05-22 Pardoner

Mümkün olan en iyi cevabı almak için bize biraz daha içerik verebilir misiniz? Bu kodun etrafında neler olduğunu, nasıl işlediğimi ve ne için kullanıldığını açıklayın. – rzetterberg

@Ancide, bu sadece genel bir soru. Gerçekten belirli bir şey yapmaya çalışmıyorum. Sadece en iyi uygulamanın ne olduğunu merak ediyorum. – Pardoner

Pekala, neden merak ediyorum, çünkü bu durumda bağlamın ne olduğuna bağlı olarak farklı cevaplar var. Hangi bağlamda daha iyi çalışır. – rzetterberg

Bunu yapmanın en iyi yolu, bağlantı etiketinde custom data attributes kullanmak muhtemelen:

kaynak

2011-05-22 01:01:13

Teşekkürler Chris (ve html5), tam olarak aradığım şey bu. – Pardoner

Chris, $ .data() için notlarıma bakın ... Aslında bunu kendim buldum. –

Verileri başka bir sayfaya göndermenin bir yolu var mı? ya da bu veriler aynı sayfada sadece görüntüleniyor mu? – danyo

önerilen yol HTML5 data-* özelliklerini kullanmaktır. Örneğin

: Daha sonra kolayca jQuery data() işlevini kullanarak JavaScript bu verilere erişebilir

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

Veya yerine tek JSON bloğunda bir araya tüm verileri donatılacak yerine, ayrı nitelikler içine ayırabilirsiniz:

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

kaynak

2011-05-22 01:00:51 mVChr

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

Bunlar daha sonra böyle jQuery kullanılarak alınabilir

Chris'in & MvChr yanıtlarını eklemek için, numaralı numaralı öznitelikler için tek tırnak işaretleri kullanmama rağmen bunu da yapabilirsiniz:

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

Bu sözdiziminin nedeni, düzgün bir şekilde alıntı yaparsanız, jQuery öğesinde $ .data otomatik olarak çalışacaktır. Aksi takdirde, $ .parseJSON ($. Data (selector)) bilgisine sahip olmanız gerekir.

kaynak

2011-05-22 01:09:19

Tek bir bağlantı etiketinden çok sayıda veri geçirin

cevap

İlgili konular