Question

我在移动应用上设置了一个简单的登录页面，以获取用户名和密码。我还设置了一个服务器，如果我在网址上插入了正确的密码和用户名，它会显示{＆＃34; loggedIn＆＃34;：true}。我希望同样的想法发生，但这次我想在移动应用程序上插入密码/用户名信息。

这是服务器的网址：http://softwarehuttest.x10.mx/public/account/login/?id=param&password=param

url中的param将替换为html表单中的输入。我不确定我将如何在移动应用程序和服务器之间建立此链接。我知道这种连接方法不安全，稍后会尝试使用hashtag。我现在只是想建立连接。请告知我如何进行此连接。

我的html代码如下：

<div data-role="page" id="loginPage" data-theme="e"><!--Start of Log In Page-->
            <header data-role="header">
                <h1>Log In</h1>       
            </header>

            <form id="form1" name="form1" method="post" action="">
              <p>
                <label for="username">UserName</label>
                <input type="text" name="username" id="username" />
              </p>
            </form>

            <form id="form2" name="form2" method="post" action="">
              <label for="password">Password   </label>
                <input type="password" name="password" id="password" />
            </form>
            <input type="submit" name="login" id="login" value="Log In" />

            <footer data-role="footer" data-position="fixed">
                <h1></h1>
            </footer>
        </div><!--End of Log In Page-->

Answer 1

你可以使用以下;

 <form id="form2" name="form2" method="GET" action="http://softwarehuttest.x10.mx/public/account/login/">
        <label for="password">Username   </label>
        <input type="text" name="username" id="username" />

        <label for="password">Password   </label>
        <input type="password" name="password" id="password" />

        <input type="button" name="submit" id="submit" value="Login"/>    
    </form>
    <script>
    $(document).ready(function() {
        $("#submit").on("click", function() {
            $.get( "http://softwarehuttest.x10.mx/public/account/login/", $("#form2").serialize(), function(data) {
                alert(data);
            });
        });
    });
    </script>

Answer 2

您应该只有一个表单，其中包含两个字段，方法设置为“GET”，操作应该是服务器的URL。此外，您的提交按钮也应该在表单元素内！希望这会有所帮助。

如何通过html表单连接到我的服务器

2 个答案: