自学传说中的php接口编写
一个前端学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接口编写的更多相关文章
- NodeJs学习日报day8——接口编写
今天看了黑马NodeJs中关于接口编写以及跨域问题的视频
- Filter接口编写过滤器
Filter,过滤器,顾名思义,即是对数据等的过滤,预处理过程.为什么要引入过滤器呢?在平常访问网站的时候,有时候发一些敏感的信息,发出后显示时 就会将敏感信息用*等字符替代,这就是用过滤器对信息 ...
- springBoot中使用使用junit测试文件上传，以及文件下载接口编写
本篇文章将介绍如何使junit在springBoot中测试文件的上传,首先先阅读如何在springBoot中进行接口测试． 文件上传操作测试代码 import org.junit.Before; im ...
- PHP -- 上传文件接口编写 及 iOS -- 端上传图片AF实现
PHP 上传文件接口: //保存图片 $json_result ['status'] = 0; $path = 'upfile'; $json_result ['status'] = 0; $json ...
- 【Loadrunner_Http接口】使用Loadrunner对天气信息的接口编写脚本
方法一:使用get请求 Action() { //http接口访问,get请求 web_url("www.abc.com", "URL=http://v.juhe.cn/ ...
- ［JAVA］基于微信公众平台开放接口编写的sdk
最近在研究微信公众平台提供的公众服务号,以及提供的开放接口. 写了一个相对来说比较简单的基于java的微信sdk,目前实现的功能没有覆盖所有接口. 有兴趣的话,大家可以在这个基础上进行改进和完善,这样 ...
- 身份证识别接口编写的JAVA调用示例
此java文章是基本聚合数据证件识别接口来演示,基本HTTP POST请求上传图片并接收JSON数据来处理. 使用前你需要通过 https://www.juhe.cn/docs/api/id/153 ...
- windows qt 使用c++ posix接口编写多线程程序（真神奇）good
一.多线程是多任务处理的一种特殊形式,多任务处理允许让电脑同时运行两个或两个以上的程序.一般情况下,两种类型的多任务处理:基于进程和基于线程.基于进程的多任务处理是程序的并发执行.基于线程的多任务处理 ...
- Java自学-集合框架 List接口
ArrayList与List接口 步骤 1 : ArrayList和List ArrayList实现了接口List 常见的写法会把引用声明为接口List类型 注意:是java.util.List,而不 ...
随机推荐
- Python 爬虫 JD商品-scrapy+requests
目标站点需求分析 JD商品信息抓取 需求信息字段 涉及的库 scrapy, requests,re lxml 获取单页源码 解析单页源码 获取总页数 获取商品url 解析商品信息 保存本地文件 保存m ...
- vs查找功能不显示查找结果
今天打开vs,查找的时候发现查找结果窗口不出现了,导致看不到查找结果. 网上各种搜索,甚至看到不少说什么要重装vs的解决方案,我也是醉了...... 其实解决办法很简单啊 vs--窗口--重置窗口布局 ...
- POJ1321 棋盘问题（简单搜索）
题意: 在一个给定形状的棋盘(形状可能是不规则的)上面摆放棋子,棋子没有区别.要求摆放时任意的两个棋子不能放在棋盘中的同一行或者同一列,请编程求解对于给定形状和大小的棋盘,摆放k个棋子的所有可行的摆放 ...
- Vue中的template标签的使用和在template标签上使用v-for
我们知道 .vue 文件的基本结构是: <template> ........ </template> <script> export default { nam ...
- 如何解决 kubernetes 重启后,启来不来的问题
参考了 https://blog.csdn.net/nklinsirui/article/details/80855415 最近在调研 kubeneter ,准备把线上的服务器架构再调整下,然后模拟各 ...
- 加载Assetbundle需要注意的地方
WWW:异步实现,手机上不能用于同步代码,需要监测其完成状态.不用www.dispose. CreateFromFile:阻塞,但是移动平台上面的路径格式有点坑,没时间看,不用. 以下两个方式需要先使 ...
- spark MLlib collaborativeFilltering学习
package ML.collaborativeFilltering; import org.apache.spark.SparkConf; import org.apache.spark.api.j ...
- 咸鱼入门到放弃3--tomcat
Tomcat学习与使用 一. Tomcat安装及配置 二.项目部署(虚拟目录映射) Web应用开发好后,若想供外界访问,需要把web应用所在目录交给web服务器管理,这个过程称之为虚似目录的映射. 虚 ...
- 格式化代码引发的css编译失败
之前在做feather项目,处理IE8下的问题时,写 filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='#', sizi ...
- 二分三元组 CodeForces - 251A
题目链接: https://vjudge.net/problem/35188/origin 题目大意: 要求你找到一个 i < j < k时有 a[k]-a[i] <= d的组的个数 ...