Resgatar Campos

[LeoO_DF 22]

eu estou fazendo um pequeno sistema de navegação e talz, e queria saber como eu posso resgatar um campo da url, como:

 

<a href="/mensagens" data-ajaxconfigs="{ retorno: 'div#Navegacao', modulo: 'loading' }" />Mensagens</a>

Bom, claro que não será esses campos e etc, eu apenas quero saber como pegar cada valor separado, tipo só o retorno, só o modulo e talz com javascript.

[xanburzum 169]

vc pode jogar isso num array, listar o array e pegar pela posição

[William Bruno 1501]

O json precisa ser uma string válida de início:

 

<a href="/mensagens" data-ajaxconfigs='{ "retorno": "div#Navegacao", "modulo": "loading"}' />Mensagens</a>

<script>
var $a = document.querySelector("a"),
    attr = $a.getAttribute("data-ajaxconfigs"),
    json = JSON.parse(attr);

console.log(json.retorno);
console.log(json.modulo);
</script>

[LeoO_DF 22]

 

eu tentei aqui, da um alert no retorno mais não deu certo :/

[William Bruno 1501]

@LeoO_DF, como vc tentou ? e em qual browser ?

 

Eu fiz o script e testei, está tudo correto. (desde que vc respeite as alterações que fiz)

[LeoO_DF 22]

<a id="Navegation" href="feed-noticias" data-function="Navegacao" data-ajaxconfigs="{ retorno: 'div#Esquerdo' }"></a>

$("a[data-function='Navegacao']").click(function(e){
		e.preventDefault();
		var json = JSON.parse($(this).data("ajaxconfigs"));	
		alert(json.retorno);
	});

bom eu tentei assim, porque do seu modo eu não consegui pegar o campo da url atual, também tentei assim:

$("a[data-function='Navegacao']").click(function(e){
		e.preventDefault();		
		var attr = $(this).data("ajaxconfigs"),
		json = JSON.parse(attr);	
		alert(json.retorno);
	});

ambos não resultaram em nada.

[William Bruno 1501]

presta atenção na forma com q usei as aspas:

data-ajaxconfigs='{ "retorno": "div#Navegacao", "modulo": "loading"}'

[LeoO_DF 22]

 

presta atenção na forma com q usei as aspas:

data-ajaxconfigs='{ "retorno": "div#Navegacao", "modulo": "loading"}'

Ata, consegui:

<a id="Navegation" href="feed-noticias-recentes" data-function="Navegacao" data-ajaxconfigs='{ "retorno": "div#Navegacao", "modulo": "loading"}'>

$("a[data-function='Navegacao']").click(function(e){
		e.preventDefault();		
		var $a = this,
		attr = $a.getAttribute("data-ajaxconfigs"),
		json = JSON.parse(attr);
		alert(json.retorno);
	});