form表单提交数据到服务器 · 学习AJAX

[TOC] >[success] # form表单提交数据到服务器 <br/> ~~~ 下面案例通过'form表单'的方式提交给后台数据，在'index.html'页面'input'中输入内容提交给后台，需要注意的地方，'form'表单方式提交数据必须要给input加'name'属性 ~~~ <br/> >[success] ## 前端代码部分 <br/> index.html <br/> ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>首页</title> </head> <body>  <form action="./getData.php" method="get">  <input name="superStarName" type="text" placeholder="请输入你喜欢的英雄">  <input type="submit"> </form> </body> </html> ~~~ <br/> >[success] ## 后端代码部分 <br/> getData.php <br/> ~~~ <?php // 接收提交过来的数据 // PHP中为我们提供了超全局变量，跟js中的window对象类似不需要定义直接就可以使用是有值的 // get // post // 设置页面编码格式 header('content-type:text/html;charset=utf-8'); echo $_GET; // $_GET返回的是一个PHP数组 echo '<br/>'; print_r($_GET); ?> ~~~