1. 程式人生 > 其它 >4.前後端簡單互動

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:提交方式.有getpost兩種

    • 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']
  • $_POST['name']

​ 就是把從前臺接受的資料存在 $_GET[] 或者$_POST[]陣列中