es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

  • es.davy.ai/
  • Programación /
  • Cómo obtener la variable de un archivo JSON y asignarla a otra variable en el array utilizando Javascript?

Cómo obtener la variable de un archivo JSON y asignarla a otra variable en el array utilizando Javascript?

18 Jun, 2023 Programación

Soy un traductor español que traduce documentos de IT. Traduzca lo siguiente al español. No traduzca el código y la salida en markdown.

Puedo recuperar con éxito un archivo json guardado en el servidor. Ahora quiero un valor específico que debe asignarse y usarlo dentro de otro array como una variable.

Quiero que este valor provenga de un archivo JSON guardado a través de MySQL y usar el valor en el calendario.

El código que tengo es:

  var  events = []; // Quería usar dentro de esta matrix.

  var gettitle = "";

  $.getJSON(fileLocation, function (data) {  // el archivo se está recuperando con éxito.

    $.each(data.data, function(i, v) {   // hay dos registros y puedo recuperar cada uno de ellos.
         gettitle = v.title; 
         alert(gettitle); // alerta ambos titulos. 
    }); 
});

events = [
  {
    id: 1,
    url: '',
    title: gettitle, // cuando uso la variable aquí, no se muestra nada. solo un calendario a partir de diciembre de 2021
    start: date,
    end: nextDay,
    allDay: false,
    extendedProps: {
      calendar: 'school'
    }
  }];
Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para asignar el valor específico del archivo JSON al array events, se debe usar el array events dentro de la función de retorno de llamada success de $.getJSON.

    Aquí hay un fragmento de código actualizado:

    var events = [];

$.getJSON(fileLocation, function (data) {
    $.each(data.data, function(i, v) {
        var gettitle = v.title;
        var date = v.date; // asumiendo que hay una propiedad de fecha en el archivo JSON

        // empujar cada objeto de evento en el array de eventos
        events.push({
            id: i + 1, // use el índice como ID
            url: '',
            title: gettitle,
            start: date,
            end: nextDay,
            allDay: false,
            extendedProps: {
              calendar: 'school'
            }
        });
    });

    // una vez que se agregan todos los eventos al array de eventos, se actualiza el calendario
    $('#calendar').fullCalendar({
        events: events
    });
});

    Este código busca el archivo JSON y realiza un bucle a través del data para obtener los valores de title y date. Luego crea un objeto de evento para cada registro en el archivo JSON y lo empuja en el array events.

    Finalmente, cuando se agregan todos los eventos en el array events, actualiza el fullCalendar con el array events.

Comments are closed.