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

jquery.mobile.transitions.css

Antworten auf die Frage(3)

Ihre Antwort auf die Frage