Como le puedo hacer para realizar una petición ajax y esta me devuelva datos?
Lo que quiero hacer es una funcion donde solo le ponga la url, (la url es un JSON) recorrer esos datos para despues manipularlos.
Dicha funcion la quiero reutilizar. El json jamas cambia de estructura
esto es lo que llevo
Código Javascript:
Esto me funciona, pero no se como pueda optimizarlo, para convertirlo en una función y mandarlo llamar cuantas veces sea necesario.Ver original
var arreglo = [], arregloMaster = []; $(function () { var urlAjax = "arhivoJoson"; $.ajax({ type: 'GET', url: urlAjax, dataType: 'jsonp', //jsonpCallback: 'jsonCallback', contentType: "application/javascript; charset=utf-8", //async: false, cache: false, error: function (xhr, ajaxOptions, thrownError) { console.log('Error when processing json'); console.log(xhr.responseText); }, success: function (json) { jsonCallback(json); //creaHtml(); } }); }); function jsonCallback(json) { var datos = json.RES.R; $.each(datos, function (key, item) { $.each(item.MT, function (keyAtributos, atributos) { arreglo[atributos['@attributes']['N']] = atributos['@attributes']['V']; }); arregloMaster.push(arreglo); arreglo = []; }); //return arregloMaster; creaHtml(arregloMaster); } function creaHtml(arregloMaster) { var ul = $('<ul/>'); $.each(arregloMaster, function (k, v) { ul.append($('<li>', { class: 'cabecera gradiente-rojo', }).append($('<a>', { href: v['URL'], text: v['title'] }))).appendTo('body'); }); }
Espero me puedan dar alguna idea