我正在尝试创建我们在大学运行的服务的移动版本。问题是我没有任何服务器端访问权限。我所拥有的只是大学的授权,如果我知道如何访问该服务。我在 JQuery Mobile 中创建了界面,但现在它除了导航虚拟数据之外什么都不做。我的主要问题是此时的登录表单,这是代码:
<body>
<div data-role="page" id="login">
<div data-role="header" data-theme="e">
<h1>MobileApp</h1>
</div>
<div class="ui-body ui-body-c">
<div data-role="content">
<form method="post" rel="external" action="https://somedomain.com/passwordcheck">
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">Login</li>
<li data-role="fieldcontain" class="ui-hide-label">
<label for="name">User:</label>
<input id="username" class="inputB" type="text" name="x_username">
</li>
<li data-role="fieldcontain" class="ui-hide-label">
<label for="name">Password:</label>
<input id="password" class="inputB" type="text" name="x_password">
</li>
<li>
<div><button type="submit" value="Login" data-theme="b">Login</button></div>
</li>
</ul>
</form>
</div>
</div>
</div>
</body>
如您所见,我将用户和密码数据发布到“https://somedomain.com/passwordcheck”,如果数据正确,它会将我重定向到服务的“https://somedomain.com/index”页面。但这不是我想要的。我想要的是进行密码检查,但要打开我自己的移动#index页面。我知道我现在处理这一切都是错误的,但我似乎找不到正确的方法来做这件事。
我想我需要找到一种方法来捕获密码检查响应,然后以某种方式处理它(如果登录正确,则打开#index,如果不正确,则打开其他内容)而不打开,或者至少隐藏原始网页。非常感谢任何帮助。