Cómo recuperar y analizar texto JSON (dado en URL) a través de jQuery / JavaScript

Para solicitar datos JSON de la url, usando la función de búsqueda de JavaScript :

// url (obligatorio), opciones (opcional)
fetch (‘https: // url’, {
método: ‘obtener’
}). luego (función (respuesta) {
// Éxito
}). catch (function (err) {
// Error
});

(O) usando la función jQuery getJSON :

$ .getJSON (“https: // url”, function () {
// Éxito
}). done (function () {
// Éxito
}). fail (function () {
// Error
}). always (function () {
// completo
});

Para analizar una cadena JSON, usando la función JavaScript JSON.parse :

// Considere “res” como una variable que almacena la respuesta JSON de url
// res = ‘{“name”: “John”, “age”: 30, “city”: “New York”}’
var obj = JSON.parse (res);
// Ahora puedes acceder a la cadena usando la notación de punto
console.log (obj.name);

(O) usando la función jQuery parseJSON :

// Considere “res” como una variable que almacena la respuesta JSON de url
// res = {“nombre”: “John”}
var obj = $ .parseJSON (res);
// Ahora puedes acceder a la cadena usando la notación de punto
console.log (obj.name);

Feliz codificación 🙂

Lo que entendí de su pregunta es que tiene un texto json pasado a su URL, necesita buscarlo y obviamente usarlo.

Primero debe rastrear su URL actual para obtener la variable que necesita

var $ _GET = {};
if (document.location.toString (). indexOf (‘?’)! == -1) {
var query = document.location
.Encadenar()
// obtener la cadena de consulta
.replace (/^.*?\?/, ”)
// y elimina cualquier cadena hash existente (gracias, @vrijdenker)
.replace (/#.*$/, ”)
.división(‘&’);

para (var i = 0, l = query.length; i var aux = decodeURIComponent (consulta [i]). split (‘=’);
$ _GET [aux [0]] = aux [1];
}
}
// obtener el parámetro de consulta ‘index’
alerta ($ _ GET [‘json_string’]);

Podrá usar el parámetro de su elección de esta manera y publicar que puede analizar la cadena usando

var obj = JSON.parse ($ _GET [‘json_string’]);
// Ahora puedes acceder a la cadena usando la notación de punto
console.log (obj.name);

O usando

var obj = $ .parseJSON ($ _GET [‘json_string’]);
// Ahora puedes acceder a la cadena usando la notación de punto
console.log (obj.name);

Gracias.

$ .ajax ({
url: url,
datos: datos,
tipo: ‘post’,
éxito: función (respuesta) {
var s = $ .parseJSON (response.responseText);
alert (s.name) // imprime el valor del nombre
}
});

Suponga que está haciendo una llamada ajax a la url utilizando el código anterior en JQuery y obtiene una ‘ respuesta ‘ de la página remota en formato JSON.

por ejemplo, response.json

{‘nombre’: ‘Jack Sparrow’}

Línea no. 6 y 7 muestra cómo analizar el texto de respuesta usando JQuery. El cuadro de alerta contendrá ‘ Jack Sparrow’ .

Espero que lo hayas entendido. No dude en preguntar si tiene alguna duda.

Este es el video de ejemplo en vivo en el que he creado una aplicación del mundo real al comunicarme con una API de terceros a través de este video y conocerá cómo recuperar datos json usando fetch API.