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

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

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

URL中的参数将被来自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-->

---

你可以使用以下;

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

---

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

链接地址: http://www.djcxy.com/p/60557.html

上一篇: How to connect to my server via a html form

下一篇: Strange cflocation behavior: redirecting to page but not updating url