1

ログイン ページを作成し、jquery コードを取得しました 誰かこのコードを説明してくれませんか!?? 1行ずつ！地獄がどのように機能しているかを知るために！私はコードを持っていますが、それがどのように機能するのかわかりません..サービス統合などは得意ではありません

$(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」 $('[name=username]')という名前の要素と「password」$(name という名前の要素の値から取得される「username」と「password」の値を渡しています。=password)この場合、これはユーザー名とパスワードの入力です。

login.php からの応答が成功すると、コールバック関数がトリガーされます。返されたデータは、関数 ( data )でも使用できます。このデータは、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 に答える