Hola buenos días; mi problema es que creo contenido en mi pagina web desde AJAX pero al añadir este contenido me borra el que ya tenia, ademas que no me respeta las librerías que ya eh importado (bootstrap en este caso) no se si mi pregunta es muy obvia pero como puedo hacer la carga de mi contenido sin afectar el que tenia anexo mi código de ante mano gracias.
<html> <head>
<title></title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> </head> <body>
<table width="100%" border="0">
<tr>
<td align="center" width="100%">
<label class="label label-primary">Realizacion de encuestas</label>
</td>
</tr>
</table> <script type="text/javascript">
$(document).ready(function() {
var cadena;
var msj = "Cargando";
//OBTENER JSON
$.ajax({
url : "http://192.168.0.13:8081/JSON/datos.php",
dataType: 'jsonp',
success:function(h){
cadena = h;
pintar(h);
},
error:function(){
alert("Error");
}
});
function pintar(cadena)
{
for( var i = 0; i < cadena.registro.length; i++ ) {
document.write("<form>");
document.write("<div class=\"panel panel-default\"><div class=\"panel-heading\">"+
cadena.registro[i].Pregunta + "</div> <div class=\"panel-body\">");
for( var j = 0; j < cadena.registro[i].Respuestas.length; j++ )
{
document.write(" <div class=\"radio\"> <input type=\"radio\" name=\"optradio\"> "+cadena.registro[i].Respuestas[j]+"</div>");
}
document.write("</div></div></div>");
document.write("</form>")
}
} //PINTAR PREGUNTAS }); </script> </body> </html>