1

我做了一个登录页面，我得到了 jquery 代码谁能解释我这个代码！？？逐行！这样我就知道它到底是如何工作的！我有代码，但我不知道它是如何工作的。我在服务集成和其他方面不是很好

$(document).ready(function() {

        $('#loginForm').submit(function() {

            $('#output').html('Connecting....');

            var postTo = 'login.php';

            $.post(postTo,{username: $('[name=username]').val() , password: $('[name=password]').val()} , `

                function(data) {



                    if(data.message) {

                        $('#output').html(data.message);

                    } else {

                        $('#output').html('Could not connect');

                    }



                },'json');



            return false;

        });

    });

` 在我的 html 中：

<!-- Start of first page -->


<div data-role="header">

    <h1>Foo</h1>

</div><!-- /header -->



<div data-role="content">   



    <p id="output"></p>

    <p>

        <form method="post" id="loginForm">

            Username: <input type="text" name="username"><br /><br />

            Password: <input type="password" name="password"><br />

            <input type="submit" value="Login">

        </form>

    </p>



</div><!-- /content -->



<div data-role="footer">

    <h4>Page Footer</h4>

</div><!-- /header -->

我基本上想知道 $.post 在做什么？如何？

4

1 回答 1

1

$.post 向带有可选参数的 URL 发布请求并返回响应。

让我们来看看你的例子。

$.post(postTo,......

第一个参数是您向其发布请求的 URL。这存储在 postTo 变量中。在这种情况下，它已设置为 login.php。

$.post(postTo,{username: $('[name=username]').val() , password: $('[name=password]').val()},......

下一部分包含您传递给此脚本的数据。您正在传递 "username" 和 "password" 的值，这些值是从名为 "username" $('[name=username]')的元素的值和名为 "password" $(name =password)在这种情况下是您输入的用户名和密码。

login.php 的成功响应将触发回调函数。返回的任何数据也将可用于您的函数（数据）。此数据可以是 JSON、XML 或字符串

它的工作方式与标准形式相同（回调除外）。

<form action="login.php" method="post">
    <input type="text" name="username" />
    <input type="password" name="password" />
    <input type="submit" />
</form>

在上面的代码中，整个页面将重定向到 login.php，您将在其中捕获用户名和密码并对其进行处理以执行某些操作。使用 $.post，您无需实际重定向页面即可执行相同的操作。在您的 login.php 脚本中，您捕获发布的用户名和密码并返回一个值。

例如，您可以获取用户名和密码，查询您的数据库，如果找到匹配返回“成功”，或者如果不匹配则返回“失败”。在您的 ..function(data).. 您检查返回值是否为“成功”并执行一个操作，否则您执行另一个操作

于 2012-07-23T09:11:19.897 回答