como exibir a página jquery (dentro de uma div) usando javascript?
aqui está o meu problema, eu chamo esse método e o que ele faz é
postar alguns dados no servidor usando jQuery, eu quero exibir a página usando o resultado que eu recebo do servidor
minha página index.html
<div data-role="page" id="login">
// other page content
<div id="divrightButton">
<!-- calling loginSubmit which calls loginPostData-->
<a class="bluebutton" href="#" onclick="loginSubmit(); return false;">Login</a>
</div>
</form>
</div>
<!--main page-->
<div data-role="page" id="mainMenu">
Main menu
</div>
aqui está o pedaço de código do javascript,coisa rápida loginSubmit () chama loginPostData , loginSubmit faz um objeto json e passa para loginPostData
function loginPostData(jsonRequest)
{
$.post("http://localhost:8080/edserve/MobileServlet",
JSON.stringify( jsonRequest),
function(data)
{
var obj = JSON.stringify(data);
//var object = JSON.parse(json_text);
//alert(obj);
alert(obj);
if(data.status=="success")
{
//display main page
//$('#mainMenu').show(); <-- this does not give desired result
}
else
{
if(data.message=="user not verified")
{
//display verification page
}
if(data.message=="no user exist with this usname")
{
//set focus to username
$("#username").focus();
}
}
}, "json");
}
COMO MOSTRAR O MENU PRINCIPAL QUANDO HÁ SUCESSO, todo o código do html está em arquivo único em diferentes div's
use este código para redirecionar / exibir a tag / elemento div particular
$.mobile.changePage("#mainMenu",{allowSamePageTransition: true });
e também baixar o seguinte arquivo css, é uma obrigação para a transição entre as páginas / elementos div