wie man jquery Seite (innerhalb eines div) mit Javascript anzeigt?
Hier ist mein Problem, ich nenne diese Methode und was es tut, ist
Posten Sie einige Daten auf dem Server mit jQuery. Ich möchte die Seite mit dem Ergebnis anzeigen, das ich vom Server erhalte
meine Seite 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>
hier ist der Code aus Javascript,schnelle Sache loginSubmit () ruft loginPostData auf , loginSubmit erstelle ein json Objekt und übergebe es an 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");
}
WIE MAN HAUPTMENÜ ZEIGT, WENN ERFOLGREICH IST, ist der gesamte HTML-Code in einer einzigen Datei in verschiedenen Divs
Verwenden Sie diesen Code, um das jeweilige div-Tag / -Element umzuleiten / anzuzeigen
$.mobile.changePage("#mainMenu",{allowSamePageTransition: true });
Außerdem können Sie die folgende CSS-Datei herunterladen, ein Muss für den Übergang zwischen Seiten / Div-Elementen