1

これが私の問題です。私はこのメソッドを呼び出し、それが何をするかは

jQueryを使用してサーバーにデータを投稿し、サーバーから受け取った結果を使用してページを表示したい

マイページ 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>

これはjavascriptのコードです。loginSubmit()はloginPostDataを呼び出し、loginSubmitはjsonオブジェクトを作成して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");
}

成功した場合にメインメニューを表示する方法、html のコード全体が異なる div の単一ファイルにある

このコードを使用して、特定の div タグ/要素をリダイレクト/表示します

$.mobile.changePage("#mainMenu",{allowSamePageTransition: true });

また、次の css ファイルをダウンロードします。これは、ページ/div 要素間の移行に必須です。

jquery.mobile.transitions.css

4

3 に答える 3

1

このhttp://api.jquery.com/load/のjqueryロード関数を使用してみることができます

于 2012-05-31T05:53:13.573 に答える
1

これを試して.. 

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")
                    {
                        $.mobile.changePage( "#mainMenu"); // main menu div id..
                    }
                    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");
    }
于 2012-05-31T06:10:24.627 に答える
1

このコードを試してください

 $.mobile.changePage( "#mainMenu", { allowSamePageTransition: true });

このリンクを確認してください

http://jquerymobile.com/test/docs/api/methods.html

于 2012-05-31T05:57:44.957 に答える