4.前后端简单交互

前端

Form表单

• View层的信息就是通过form表单提交给后端的

 <form name="myform" method="get" action="process.php">
        <label for="user">用户名</label>
        <input type="text" id="user" name="user" value="user">
        <br />
        <label for="password">密码</label>
        <input type="password" id="password" name="password" value="password">
        <br />
        <input type="submit" id="submit" name="submit" value="提交">
    </form>

• name:给提交的信息起个名字,方便后端接收数据

• method:提交方式.有get和post两种

  • get:会在URL上显示你提交的内容
  • post:不会在URL中显示

• action:目标网站,不写默认提交到当前网页

• <input type="submit" id="submit" name="submit" value="提交">

  一定不要忘了写这个submit,写了才可以提交到后端

输入标签（<input>）

• 文本域(type="text")

<input type="text" name="flie" value='请输入内容'>

效果:

• 密码字段(type="password")

<input type="password" name="pwd">

效果:(输入是不会显示你输入的内容)

• 单选按钮(type="radio")

  要有相同的name时才可以单选一个

  <input type="radio" name="sex" value="male">Male<br>
  <input type="radio" name="sex" value="female">Female
  

  Male
  Female

• 复选框(type="checkbox")

  要有相同的name

  <form>
  <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
  <input type="checkbox" name="vehicle" value="Car">I have a car
  </form>
  

  效果:

  I have a bike
  I have a car

• 提交按钮( type="submit")

  当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

  <input type="submit" value="Submit">
  

• 其他表单标签

  

后端

接收

• $_GET['name']
  只要在a/submit上加上?意思就是传递参数,就是GET提交

  <a href="?order=0">你好呀</a>
  <?php
  var_dump($_GET);
  ?>
  

  结果返回:

• $_POST['name']

​ 就是把从前台接受的数据存在 $_GET[] 或者$_POST[]数组中