一直不太懂前后端的交互,开始学习ajax,好像有些懂了,接下来的内容通过表单提交来了解前后端数据交互吧~
关于表单的基本知识:
表单中的三个内容:
action:数据提交的地址,默认是当前页面
method:数据提交的方式,默认是get方式
enctype:提交数据格式,默认是application/x-www-form-urlencoded
以下分两种提交方式进行:
(1)get方式:
前端页面:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="get.php" method="get"> <input type="text" name="userName"/> <input type="submit" value="提交"/> </form> </body> </html>
后端php页面:
<?php header('content-type:text/html;charset="utf-8"');//返回头 error_reporting(0); $userName=$_GET['userName'];//主要这里要对应提交的方式,如果表单使用的是get方式则后端需要用get,如果是使用post,则后端需要使用post echo "你的名字:{$userName}";
扫描二维码关注公众号,回复:
1616430 查看本文章
输入“aa"提交后:
使用get方式:
把数据名称和值通过”=“连接,如果又多个的话,会通过”&“进行连接,然后把数据放到url?后面传到指定页面;
url长度又限制,所以不要使用get方式传递过多的数据
(2)post方式:
前端页面:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单提交方式2,post</title> </head> <body> <form action="post.php" method="post"> <input type="text" name="userName"/> <input type="submit" value="提交"/> </form> </body> </html>
后端php页面:
<?php header('content-type:text/html;charset="utf-8"'); error_reporting(0); $userName=$_POST("userName"); //注意这里的要和提交的方式对应 echo "你的名字:{$userName}";
输入”li“提交后:
post理论上是无传输大小限制的,输入的内容也不会显示在浏览器输入栏中。
就暂时了解这么多了~继续加油!