javascript - jQuery Mobile - 提交表单，重定向到页面 ID？

Question

我正在 jQuery Mobile 中设置登录屏幕。

提交后。我希望它能够访问 auth.php，它将返回某种 session key ，然后在我的索引文件中加载第 #two 页。

所以我的主要问题是:我如何点击 auth.php 并在我的索引中加载页面#two。

<!--index.php-->
<form action="auth.php" method="post">
  <div class="ui-body ui-body-b">
    <input type="text" name="name" id="name" value="" class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" placeholder="Username">
    <input type="password" name="name" id="name" value="" class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" placeholder="Password"> 
    <fieldset class="ui-grid-a"> 
      <div class="ui-block-a"><button type="reset" data-theme="d">Reset</button></div> 
      <div class="ui-block-b"><button type="submit" data-theme="a">Login</button></div> 
    </fieldset> 
  </div>
</form>

然后我需要它来加载索引文件中的第二页。我的索引中有多个页面..这是处理此问题的最佳方法吗？

<!-- Start of second page: #two in index.php--> 
<div data-role="page" id="two" data-theme="a"> 

Answer 1

您应该重新设计，以便 auth.php 重定向到返回正确站点的 View 。 JQM 本身会处理得很好。

话虽如此，尽管我不喜欢这个主意，但我可以帮助你按照你的方式去做:)

您需要使用 $.post() 自行发布表单，并在 auth.php 返回确认后 - 存储 token 或将其保留为基于 cookie 的默认 session 机制，然后使用 $.mobile.changePage()