登錄頁面如何在Jquery mobile中工作？

Question

我做了一個登錄頁面，我得到了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在做什麼？如何？

Answer 1

$ .post將請求發送到帶有可選參數的URL，並返回響應。

讓我們來看看你的例子。

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

第一個參數是您要發佈請求的URL。這存儲在postTo變量中。在這種情況下，它已被設置爲login.php。

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

下一部分包含傳遞給此腳本的數據。您正在從名稱爲「用戶名」$（'[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）中，你檢查返回的值是否爲「success」並執行一個動作，否則你執行另一個動作