Tengo un script de Python, que hace algunos cálculos y hace una figura. Luego, estoy usando mpld3 para generar una versión HTML de esta figura y guardarla (por ejemplo, figure.html). Los cálculos de Python se inician a través de la solicitud AJAX al servidor HTTP. En mi archivo JS, uso el método jQuery.load() para insertar la trama en HTML:

 $("#includedContent").load('/figure.html');

De esta manera, todo parece funcionar bien. La pregunta es ¿puedo hacer lo mismo sin guardar las cifras? Traté de devolver una figura como respuesta, aquí está mi solicitud AJAX modificada:

 $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", dataType: "json", url: "/main.py", data: JSON.stringify({ 'sim_dur': input }), success: function (response) { figure = response.figure; var child = document.createElement('div'); child.innerHTML = figure; child = child.firstChild; document.getElementById('includedContent').appendChild(child); } });

Si asigno una cadena similar a HTML a child.innerHTML, el código funciona correctamente. Pero cuando trato de asignarle una figura (que también tiene un tipo de cadena), no se muestra en la página HTML. Soy nuevo en JS, así que pido disculpas si es algo básico. Investigué un poco y parece que las personas generalmente guardan los resultados en otras respuestas, así que tal vez sea una forma común de hacerlo y lo que estoy tratando de hacer no es correcto.