<Ajax> 三. 前端和後端通過表單數據交互
阿新 • • 發佈：2018-01-20
數據交互 -- orm eth 通過 input cti 返回 style
<!-- 前端代碼 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- 表單提交數據 -->
<form action="./getData.php" method="get">
<input type="text" placeholder="請輸入你喜歡的英雄" name="name">
<input type="text" placeholder="請輸入英雄位置" name="position">
<!-- 提交按鈕 -->
<button type="submit">提交</button>
</form>
</body>
</html><!-- 後端代碼 --> <?php /** * 前後端數據交互過程 * 前端: * 1. 讓用戶輸入內容 * 2. 點擊提交 * * 後端: * 1. 接收數據 * 2. 查詢數據 * 3. 結果頁面 */ // 返回結果 print_r($_GET); echo ‘<br>‘; echo $_GET[‘name‘]; echo ‘<br>‘; echo $_GET[‘position‘];?>
<Ajax> 三. 前端和後端通過表單數據交互