Pessoal, estou chamando html de outra página por ajax,
-------------------------------------------------------------------------------------------------------
Index.html
-------------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<div id="painel"></div>
<div id="corpo"></div>
</body>
</html>
-------------------------------------------------------------------------------------------------------
login.html
-------------------------------------------------------------------------------------------------------
<div>
<form id="formLogin">
<label id="lbNomeUser">Nome:</label>
<input type="text" id="txtUser">
<label id="lbSenhaUser">Senha:</label>
<input type="password" id="txtSenha">
<input type="button" value="Logar no sistema" id="btnLogarSistema">
</form>
</div>
-------------------------------------------------------------------------------------------------------
js
-------------------------------------------------------------------------------------------------------
window.onload=function(){
carregaLogin();
};
function carregaLogin(){
$.ajax({
url: "login/login.html",
success: function(data) {
$('#corpo').html(data);
}
});
}
Pessoal, estou chamando html de outra página por ajax, ------------------------------------------------------------------------------------------------------- Index.html ------------------------------------------------------------------------------------------------------- <!DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script> <script type="text/javascript" src="js/script.js"></script> </head> <body> <div id="painel"></div> <div id="corpo"></div> </body> </html> ------------------------------------------------------------------------------------------------------- login.html ------------------------------------------------------------------------------------------------------- <div> <form id="formLogin"> <label id="lbNomeUser">Nome:</label> <input type="text" id="txtUser"> <label id="lbSenhaUser">Senha:</label> <input type="password" id="txtSenha"> <input type="button" value="Logar no sistema" id="btnLogarSistema"> </form> </div> ------------------------------------------------------------------------------------------------------- js ------------------------------------------------------------------------------------------------------- window.onload=function(){ carregaLogin(); }; function carregaLogin(){ $.ajax({ url: "login/login.html", success: function(data) { $('#corpo').html(data); } }); }