码迷,mamicode.com
首页 > Web开发 > 详细

<Ajax> 三. 前端和后端通过表单数据交互

时间:2018-01-20 19:00:14      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:orm   htm   提交数据   html   表单   前端   action   代码   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> 三. 前端和后端通过表单数据交互

标签:orm   htm   提交数据   html   表单   前端   action   代码   style   

原文地址:https://www.cnblogs.com/ZeroHour/p/8321405.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!