在web開發中,與后端交互常常采用的方式就是通過ajax來進行異步請求。而$.post(php頁面的路徑,傳遞過去的數據,回調函數)函數正是ajax請求中的一個重要方法,其可以向后端發送post請求,并且接收返回的數據。下面我們就通過一個實例來詳細講解$.post的具體使用。
首先,我們需要一個后端php文件,在這個php文件中我們通過$_POST全局變量來接收前端傳遞過來的數據。假如我們的php文件名為test.php,則其代碼如下所示:
接下來,我們就可以在前端通過$.post來發送post請求了。假如我們現在要傳遞的用戶名是“Tom”,密碼是“123456”,則代碼如下所示:
在上述代碼中,我們首先通過$(function(){})來保證代碼在文檔加載完成后執行,然后調用$.post方法來發送post請求。其中第一個參數是php文件的路徑,第二個參數是傳遞過去的數據,這里的數據需要使用對象的形式來表示。第三個參數則是回調函數,在php文件返回數據后將會調用該函數,因此我們在該函數中使用alert函數來展示數據。
當我們在瀏覽器中運行這段代碼時,我們將會收到一個彈窗,其中包含用戶名和密碼。這就是$.post方法通過post請求從后端返回的數據。
首先,我們需要一個后端php文件,在這個php文件中我們通過$_POST全局變量來接收前端傳遞過來的數據。假如我們的php文件名為test.php,則其代碼如下所示:
pre <?php $username = $_POST["username"]; $password = $_POST["password"]; echo "用戶名是".$username.",密碼是".$password; ?>
接下來,我們就可以在前端通過$.post來發送post請求了。假如我們現在要傳遞的用戶名是“Tom”,密碼是“123456”,則代碼如下所示:
pre <script type="text/javascript"> $(function() { $.post("test.php", { username: "Tom", password: "123456" }, function(data) { alert(data); }); }); </script>
在上述代碼中,我們首先通過$(function(){})來保證代碼在文檔加載完成后執行,然后調用$.post方法來發送post請求。其中第一個參數是php文件的路徑,第二個參數是傳遞過去的數據,這里的數據需要使用對象的形式來表示。第三個參數則是回調函數,在php文件返回數據后將會調用該函數,因此我們在該函數中使用alert函數來展示數據。
當我們在瀏覽器中運行這段代碼時,我們將會收到一個彈窗,其中包含用戶名和密碼。這就是$.post方法通過post請求從后端返回的數據。
上一篇php 上一篇下一篇
下一篇php 上google