2012-05-30 73 views
1

这里是我的问题,我把这种方法和它的作用是如何使用javascript显示jquery页面?

后使用jQuery在服务器上的一些数据,我想用结果我从服务器和快速的事情 loginSubmit()收到显示页面调用loginPostData ,loginSubmit使JSON对象并将其传递给loginPostData

这里是从JavaScript

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"); 
} 

的代码段和页的结构是这样的

<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> 

如何显示主菜单时,有SUCCESS, HTML的整个代码是在不同div的

回答

0

使用该代码来重定向单个文件/显示特定div元素

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

还可以下载下面的css文件,它的页面之间转换的必备/ div元素

jquery.mobile.transitions.css

相关问题