一个前端学php，感觉不可思议，但实际上面试中都会问你后台会不会。这时候php就派上用场了。

下面的是我自己百度研究的一个些心得分享一下：

html代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>php</title>

    <script src="jquery-3.2.1.js"></script>

    <script src="php.js"></script>

    <link rel="stylesheet" href="php.css">

</head>

<body>

    <div class="box">

        <from>

            <p>

                <span>名字：</span>

                <input type="text" id="name">

            </p>

            <p>

                <span>年龄：</span>

                <input type="text" id="age">

            </p>

        </from>

    </div>

    <div class="box">

        <button id="save">保存</button>

    </div>

</body>

</html>

页面代码

$(function () {

   $("#save").click(function () {

       let name =$('#name').val(),age =$('#age').val();

       $.ajax({

           type: 'POST',

           url: 'save.php',

           data:{

               name:name,

               age:age

           },

           success:function (res) {

               console.log(res);

               alert("保存成功!")

           }

       })

   });

});

js代码

<?php

$name =$_POST['name'];

$age =$_POST['age'];

// 创建连接

$conn = mysqli_connect("localhost", "root", "root", "test");

// 检测连接

if (!$conn) {

 die("Connection failed: " . mysqli_connect_error());

}

$sql = "INSERT INTO user (name,age) VALUES ('$name', '$age')";

if (mysqli_query($conn, $sql)) {

 echo ($name.$age) ;

} else {

 echo "Error: " . $sql . "<br>" . mysqli_error($conn);

}

mysqli_close($conn);

?>

save代码

还有一个建立数据表的代码

<?php

 // 创建连接

$conn = mysqli_connect("localhost", "root", "root", "test");

 // 检测连接

 if (!$conn) {

 die("连接失败: " . mysqli_connect_error());

 }

 // 使用 sql 创建数据表

 $sql = "CREATE TABLE user (

 id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY,

 name text(30) NOT NULL,

 age int(3) NOT NULL,

 reg_date TIMESTAMP

 )";

 if (mysqli_query($conn, $sql)) {

 echo "数据表 MyGuests 创建成功";

 } else {

 echo "创建数据表错误: " . mysqli_error($conn);

 }

 mysqli_close($conn);

 ?>

这样就可以直接在服务器上开起来了

页面是这样的

点击保存之后就直接将上面填写的信息填入数据库中。

save.php文件中直接用$_POST接受来自页面的ajax数据，然后经过

类似这样的赋值，将数据保存下来。

在sql语句中这样写变量，就可以用了。

不过最后不是还有一个返回值么。我这边是用echo 输出了一个值返回了。

自学传说中的php接口编写的更多相关文章

  1. NodeJs学习日报day8——接口编写

    今天看了黑马NodeJs中关于接口编写以及跨域问题的视频

  2. Filter接口编写过滤器

      Filter,过滤器,顾名思义,即是对数据等的过滤,预处理过程.为什么要引入过滤器呢?在平常访问网站的时候,有时候发一些敏感的信息,发出后显示时 就会将敏感信息用*等字符替代,这就是用过滤器对信息 ...

  3. springBoot中使用使用junit测试文件上传，以及文件下载接口编写

    本篇文章将介绍如何使junit在springBoot中测试文件的上传,首先先阅读如何在springBoot中进行接口测试． 文件上传操作测试代码 import org.junit.Before; im ...

  4. PHP -- 上传文件接口编写 及 iOS -- 端上传图片AF实现

    PHP 上传文件接口: //保存图片 $json_result ['status'] = 0; $path = 'upfile'; $json_result ['status'] = 0; $json ...

  5. 【Loadrunner_Http接口】使用Loadrunner对天气信息的接口编写脚本

    方法一:使用get请求 Action() { //http接口访问,get请求 web_url("www.abc.com", "URL=http://v.juhe.cn/ ...

  6. ［JAVA］基于微信公众平台开放接口编写的sdk

    最近在研究微信公众平台提供的公众服务号,以及提供的开放接口. 写了一个相对来说比较简单的基于java的微信sdk,目前实现的功能没有覆盖所有接口. 有兴趣的话,大家可以在这个基础上进行改进和完善,这样 ...

  7. 身份证识别接口编写的JAVA调用示例

    此java文章是基本聚合数据证件识别接口来演示,基本HTTP POST请求上传图片并接收JSON数据来处理. 使用前你需要通过 https://www.juhe.cn/docs/api/id/153 ...

  8. windows qt 使用c++ posix接口编写多线程程序（真神奇）good

    一.多线程是多任务处理的一种特殊形式,多任务处理允许让电脑同时运行两个或两个以上的程序.一般情况下,两种类型的多任务处理:基于进程和基于线程.基于进程的多任务处理是程序的并发执行.基于线程的多任务处理 ...

  9. Java自学-集合框架 List接口

    ArrayList与List接口 步骤 1 : ArrayList和List ArrayList实现了接口List 常见的写法会把引用声明为接口List类型 注意:是java.util.List,而不 ...

随机推荐

  1. 【原创】大叔经验分享（25）hive通过外部表读写hbase数据

    在hive中创建外部表: CREATE EXTERNAL TABLE hive_hbase_table(key string, name string,desc string) STORED BY ' ...

  2. windows上安装gcc/g++环境（MinGW，msys64等）

    1 前言 经过折腾安装gcc环境,记录一下 2 工具  MinGW安装器: 下载地址1:MinGW官网 下载地址2:SourceForge (MinGW w64) 下载地址3:win-builds-1 ...

  3. Solr坏境搭建

    1.1. 搭建步骤 第一步:把solr 的压缩包上传到Linux系统 第二步:解压solr. 第三步:安装Tomcat,解压缩即可. 第四步:把dist目录下的solr.war部署到Tomcat下. ...

  4. 一起学Hive——总结常用的Hive优化技巧

    今天总结本人在使用Hive过程中的一些优化技巧,希望给大家带来帮助.Hive优化最体现程序员的技术能力,面试官在面试时最喜欢问的就是Hive的优化技巧. 技巧1.控制reducer数量 下面的内容是我 ...

  5. servlet（二）：Servlet的web.xml配置

    <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http:// ...

  6. Service的启动过程

    --摘自<Android进阶解密> 第一步:ContextImpl到ActivityManagerService的调用过程 第二步:ActivityThread启动Service 1)Pr ...

  7. 易忘&有用 的冷门Anaconda命令

    Python接触有将近2年了,但是在倒腾anaconda环境的时候,总有一些命令忘记需要查半天,今天趁着配置pytorch,特此总结一下,留待后用. 1. 创建和删除环境 创建环境 conda cre ...

  8. CentOS 7 下安装 teamviewer 13

    CentOS 版本:centos-release-7-4.1708.el7.centos.x86_64(通过 rpm -q centos-release 查询) teamviewer 版本:teamv ...

  9. 《Ray Tracing in One Weekend》、《Ray Tracing from the Ground Up》读后感以及光线追踪学习推荐

    <Ray Tracing in One Weekend> 优点: 相对简单易懂 渲染效果相当好 代码简短,只看书上的代码就可以写出完整的程序,而且Github上的代码是将基类与之类写在一起 ...

  10. LOJ.6160.[美团CodeM初赛 RoundA]二分图染色(容斥 组合)

    题目链接 \(Description\) 求在\(2n\)个点的完全二分图(两边各有\(n\)个点)上确定两组匹配,使得两个匹配没有交集的方案数. \(n\leq10^7\). \(Solution\ ...