Eu possuo um link com um atributo que possui a informação de qual dado do JSON deve ser obtido.
<a href="#" data-json-code="code_118"></a>
E possuo o código responsável pelo comportamento do mesmo, que deve ser:
- Pegar o atributo;
- Buscar esse atributo no json;
- Exibir as informações do json no console.
Eu fiz dessa forma, mas sempre retorna "undefined":
$('.c-productCard a').on('click', function(event) {
event.preventDefault();
var jsonCodeProduct = $(this).attr('data-json-code');
var jsonUrl = 'https://api.myjson.com/bins/mc9ig';
$.ajax({
type: 'GET',
datatype: 'json',
url: jsonUrl,
cache: false,
beforeSend: function() {
console.log('before send');
},
success: function(result) {
console.log(result.jsonCodeProduct);
},
error: function(xmlHttpRequest, textStatus, errorThrown) {
console.log('erro');
},
complete: function() {
console.log('complete');
}
});
});
Se por acaso eu retirar o jsonCodeProduct
da chamada success
o json inteiro é exibido no console (como esperado).
A pergunta é, como fazer para que o dado da variavel jsonCodeProduct
seja o "seletor" para exibir o dado correspondente do JSON
?