0

Me encontré código difícil de factorizar, mi intento de descomponer no resulto satisfactoria, a tal punto que junto con mi equipo llegamos a crear HTML ofuscado en JavaScript, es decir, etiquetas HTML almacenadas en variables de tipo string.

var html = $(
    '<div class="row">' +
    '    <div class="col-xs-12">' +
    // Mas Lineas de HMTL ofuscado
    '    </div>' +
    '</div>'
);

Para más adelante, llegó a ser un dolor de cabeza. Para resolver este problema tuve la idea de solicitar un documento html como un texto, dando el siguiente código

class Operacion 
{
    self = this;
    html = null;

    constructor() {
        this.ejecutar();
    }

    ejecutar() {
        $.ajax({ 
            type: 'GET',
            url: '../../Scripts/Site/Contratacion/Propietarios.html',
            dataType: "text",
            success: function (data) {
                self.html = $(data);
        });
        console.log(self.html); // undefined
    }
}

Me percate de que se trataba de una solicitud asíncrona, entonces vi el modo de obtener dicha variable con artificios de jquery

var a = function () { 
    $.get('../../Scripts/Site/Contratacion/Propietarios.html', (g) => { 
        self.html = g;
    })
}

$.when(a()).done(() => console.log(self.html)); // undefined

Respuesta a @JCAguilera -> Cuando solamente ejecuto el código:

$.get('../../Scripts/Site/Contratacion/Propietarios.html', function (data) {
    console.log(data);
    console.log(typeof (data));
});

Obtengo el siguiente resultado en consola:

Contratacion.js:2222:21

<div class="row">
    <div class="col-xs-12">
        <div class="box box-warning">
            <div class="box-header with-border">
                Algunos Botones
            </div>
            <div class="box-body table-responsive">
                </br>
                <table id="tblCont" class="table table-striped table-bordered">
                    Algunos Datos
                </table>
            </div>
        </div>
    </div>
</div>

Contratacion.js:2222:22

string

no estas equivocado el archivo "Contratacion.js" ya tiene mas de 2000 líneas de código

Sin embargo, no tuve resultados deseado. ¿Hay algún modo de almacenar html desde ajax?

13
  • En algunas partes de tu código confundes hmtl con html, revisa, por favor, si te equivocaste en el código original o sólo fue un error al escribir la pregunta.
    – JCAguilera
    Commented el 15 ene. 2020 a las 20:09
  • Corregido gracias por tu observacón Commented el 15 ene. 2020 a las 20:13
  • ¿Qué te retorna el ajax exactamente? Haz un console.log(data) dentro de la función success del ajax y comparte lo que te salga en tu pregunta, por favor.
    – JCAguilera
    Commented el 15 ene. 2020 a las 20:18
  • @PauloUrbanoRivera el tipo de dato que retorna es string dentro del callback success, lo cual me resulto interesante resolverlo por este medio Commented el 15 ene. 2020 a las 20:21
  • 1
    pues 2000 lineas de codigo no parece que sea solo una parte, tal vez si expones mas sobre el codigo se pueda simplicar tus llamados. Commented el 15 ene. 2020 a las 21:36

1 respuesta 1

0

Una solucion muy poco práctica y peligrosa es definir la llave async como false, para obtener el archivo y poder asignar la variable como string, dando como ejemplo lo siguiente.

class OperacionesAsignacionMaquinaria
{
    self = this;
    plantillas = null;
    tabla = null;

    constructor() {
        this.ejecutar();
    }

    ejecutar(contenido) {
        $.ajax({
            type: "GET",
            async: false,
            cache: false,
            dataType: "text",
            success: function (result) {
                self..html = $(result);

            },
            url: getAbsoluteUrl('/Scripts/Site/Operaciones/Contratacion/Propietarios/ModalMaquinaria.html'),
        });
    }
}

Obtienes el valor y guardas el archivo html por que basicamente se trata de un string. aunque otra solucion que tuve es guardar el contenido html en la base de datos, y solicitar cuando lo necesitaba

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.