登录后显示登录用户名？ （PHP/JavaScript/HTML）

Question

我正在使用JavaScript/HTML和一点点Jquery作为使用PhoneGap/Cordova进行测试的应用程序。

我想要做的是在用户登录后在所有页面上显示用户名，我相信最好避免使用JavaScript，因此我最好喜欢使用PHP。

有人能帮我一下，告诉我该怎么办？

请参阅下面我的代码的不同部分，可能对您有所帮助。

登录功能：

function loginDB(tx) 
     { 
      var Username = document.getElementById("username").value; 
      var Password = document.getElementById("password").value; 
      tx.executeSql("SELECT * FROM SoccerEarth WHERE UserName='" + Username + "' AND Password= '" + Password + "'", [], renderList); 

      } 
     function renderList(tx,results) { 
     if (results.rows.length > 0) { 
      navigator.notification.alert("You are in!"); 
      $(":mobile-pagecontainer").pagecontainer("change", "#page4"); 
     } 
     else 
     { 
      navigator.notification.alert("Incorrect Password, Please try again!"); 
      $(":mobile-pagecontainer").pagecontainer("change", "#page3"); 
     } 
     } 

HTML页面例子：

<div data-role="page" id="page4" data-theme="d"> 
<div data-role="header"> 
    <a href="#page1" class="ui-btn ui-icon-home ui-btn-icon-left">Sign Out</a> 
    <h1>SoccerMeet</h1> 
</div> 
<div data-role="main" class="ui-content"> 
    <ul data-role="listview" data-inset="true"> 

     <li> 
      <a href="#page5" data-transition="slide"> 
       <img src="images/icon1.jpg"> 
       <h2>Search Soccer Events</h2> 
       <p>Find soccer meets near you</p> 
      </a> 
     </li> 
     <li> 
      <a href="#page6" data-transition="slide"> 
       <img src="images/icon2.png"> 
       <h2>Create an Event</h2> 
       <p>Have an event you would like to invite people to?</p> 
      </a> 
     </li> 
     <li> 
      <a href="#page5" data-transition="slide"> 
       <img src="images/icon4.png"> 
       <h2>Help Center</h2> 
       <p>FAQ's and further guidance on the app</p 
         ></a> 
     </li> 
     <li> 
      <a href="#page1" data-transition="slide"> 
       <img src="images/icon3.png"> 
       <h2>Settings</h2> 
       <p>Make changes to the app</p 
         ></a> 
     </li> 
     <li> 
      <a href="#page1" data-transition="slide"> 
       <img src="images/icon5.png"> 
       <h2>The Team</h2> 
       <p>Meet the team behind the app, the co-founders, developers etc.</p 
         ></a> 
     </li> 
    </ul> 
    <div data-role="footer"> 
     <div data-role="navbar"> 
      <ul> 
       <li><a href="#page1" data-icon="user">Profile</a></li> 
       <li><a href="#page1" data-icon="location">Find Events</a></li> 
       <li><a href="#" data-icon="calendar">Calendar</a></li> 
       <li><a href="#" data-icon="info">Help Center</a></li> 
       <li><a href="#page7" data-icon="camera">Camera</a></li> 
      </ul> 
     </div> 
    </div> 
</div> 

Answer 1

从我的理解要实现用户的登录成功显示在你的应用程序，成功登录后，用户应该能够在t处看到用户名操作该应用程序，这种解决方案可以实现使用简单的脚本在PHP结合HTML以及，我已检查，我发现了类似的答案同一个问题，看到这个职位，它应该帮助HTML PHP Display username after success login