[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: // 指定提交的url
method: // 提交的方式
get 不設置 默認是get
post
表單元素提交數據
使用name 進行區分標記
-->
<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);
?>
~~~
- 基本概念
- 服務器
- PHP學習
- PHP根據數據生成頁面
- form表單提交數據到服務器
- form表單查詢信息詳情頁
- 列表渲染展示以及跳轉詳情
- PHP拆分寫法
- form表單提交
- get方式提交數據補充
- post方式提交數據
- post上傳文件
- 請求報文和響應報文基本概念
- XMLHTTPRequest對象的基本使用
- 回調函數&獲取返回的數據
- ajax發送get請求
- ajax驗證用戶是否存在邏輯
- ajax發送post請求
- 新浪云使用方法
- onload 和 onreadystatechange
- XML格式
- 服務器返回XML格式數據
- JSON格式
- 服務器返回JSON格式數據
- ajax工具函數封裝
- js模板引擎
- 跨域解決方案
- JSONP
- CORS解決跨域
- 下載文件功能