http请求

GET

浏览器地址栏输入发送的请求方式就是GET方式
http://www.baidu.com?a=1&b=2&c=3

PHP里面通过$_GET获取到前端通过地址栏发送的数据

<?php
    print_r($_GET);//返回一个数组
    //1、地址栏中输入?a=2&b=3   返回Array ( [a] => 2 [b] => 3 )
?>

POST

前端以menthod=post方式发送过来的数据，不是通过地址栏传递过来;

PHP通过$_POST来获取传递过来的参数

表单请求

• $_GET

<!--在1.html页面中写：-->
<form action="1.php" method="get">
    用户名：<input type="text" name="username"><br>
    用户名：<input type="text" name="psd"><br>
    个人介绍：<textarea name="person" cols="30" rows="10"></textarea><br>
    <button type="submit">提交</button>
</form>

<!--在1.php页面中写：-->
<table>
    <tr>
        <th>用户名</th>
        <th>密码</th>
        <th>个人介绍</th>
    </tr>
    <td><?php echo $_GET['username']?></td>
    <td><?php echo $_GET['psd']?></td>
    <td><?php echo htmlspecialchars($_GET['person'])?></td>
</table>

• $_POST

<!--在2.html页面中写：-->
<form action="2.php" method="post">
    用户名：<input type="text" name="username"><br>
    用户名：<input type="text" name="psd"><br>
    个人介绍：<textarea name="person" cols="30" rows="10"></textarea><br>
    <button type="submit">提交</button>
</form>

<!--在2.php页面中写：-->
<table>
    <tr>
        <th>用户名</th>
        <th>密码</th>
        <th>个人介绍</th>
    </tr>
    <td><?php echo $_POST['username']?></td>
    <td><?php echo $_POST['psd']?></td>
    <td><?php echo htmlspecialchars($_POST['person'])?></td>
</table>

注： htmlspecialchars() 函数把预定义的字符转换为 HTML 实体。
见：http://www.w3school.com.cn/php/func_string_htmlspecialchars.asp

• 通过ajax发送

<!--通过ajax发送-->
<form name="loginForm">
    用户名：<input type="text" name="username"><br>
    用户名：<input type="text" name="psd"><br>
    个人介绍：<textarea name="person" cols="30" rows="10" id="test"></textarea><br>
    <button type="submit" onclick="testabc()">提交</button>
</form>
<div id="response">

</div>
<script src="js/jquery.min.js"></script>
<script>
    $("input[type='button']").click(function(){
        $.ajax({
            url:"3http.php?username"+loginForm.username.value+"$psw"+loginForm.psd.value+"$person"+loginForm.person.value,
            type:"get",
            success:function(data){
                document.getElementById("response").innerHTML=data;
            }
        })
    })
</script>