- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>PHP $_GET 变量和$_POST变量使用示例</title>
- <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
- </head>
- <body>
- <form action="03-ChaoQuanJuArray.php" method="post">
- 用户名:<input type="text" name="username" />
- 密码:<input type="password" name="pwd" />
- <button id="btn1">点击发送post请求</button>
- </form>
- <form action="03-ChaoQuanJuArray.php" method="get">
- 用户名:<input type="text" name="username" />
- 密码:<input type="password" name="pwd" />
- <button id="btn2">点击发送get请求</button>
- </form>
- </body>
- </html>
接下来我们新建一个PHP文件用来请求访问和判断,代码如下:
- if (isset($_GET["username"]) && isset($_GET["pwd"])) {
- if ($_GET["username"] == 'wq' && $_GET["pwd"] == "123") {
- echo "登陆成功!";
- } else {
- echo "登陆失败!";
- }
- }
- if (isset($_POST["username"]) && isset($_POST["pwd"])) {
- if ($_POST["username"] == 'wq' && $_POST["pwd"] == "123") {
- echo "登陆成功!";
- } else {
- echo "登陆失败!";
- }
- }
则相应的函数触发的JS代码如下所示:
- <script type="text/javascript">
- $("#btn1").click(function() {
- var username = $("input[name='username']").val();
- var pwd = $("input[name='pwd']").val();
- $.post("03-chaoQuanJuArray.php", {
- "username": username,
- "pwd": pwd,
- },
- function(data) {
- alert(data);
- })
- });
- $("#btn2").click(function() {
- var username = $("input[name='username']").val();
- var pwd = $("input[name='pwd']").val();
- $.get("03-chaoQuanJuArray.php", {
- "username": username,
- "pwd": pwd,
- },
- function(data) {
- alert(data);
- })
- });
- </script>
!注意:在运行时确保已经搭建好了运行环境,保证服务器在线且处于运行状态
在运行HTML文件时,记得将服务器地址端口号改为localhost以访问本机文件:
则当我们输入密码,点击第一个按钮:点击发送POST请求时,表单演示如下:
则当我们输入密码,点击第二个按钮:点击发送GET请求时,表单演示如下:
在 HTML 表单中使用 method="get" 时,所有的变量名和值都会显示在 URL 中。
注释:所以在发送密码或其他敏感信息时,不应该使用这个方法!
然而,正因为变量显示在 URL 中,因此可以在收藏夹中收藏该页面。在某些情况下,这是很有用的。
注释:HTTP GET 方法不适合大型的变量值。它的值是不能超过 2000 个字符的。来源: http://www.cnblogs.com/wq1994/p/7696253.html