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?
success
, lo cual me resulto interesante resolverlo por este medio