结合php与JQuery仅用两个页面对数据库的数据进行增删改

最新推荐文章于 2022-09-02 17:05:16 发布
最新推荐文章于 2022-09-02 17:05:16 发布
阅读量638 收藏 3
点赞数 1
分类专栏： 数据库数据增删改 文章标签： php与JQuery实现数据库数据增删改 php JQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dzanddz/article/details/77407807
版权

在使用PHP语言做系统时，对数据的增删改是必不可少的，开始时我也只是单纯的使用php对数据库进行操作，来实现数据的增删改，但是在一个系统中需要对数据库数据进行增删改的很多，只是单纯的使用php来实现的话所需要的代码页面非常的多，所以我结合php与JQuery（JQuery使用的是jquery-3.2.1.min.js）的$.ajax只需要两个页面就可以对数据进行增删改，特别的方便，下面就是实现代码：

执行增删改页面（index.php）的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//点击添加按钮时执行的JQuery语句
	$("#but").click(function(){
			var name=$("#name").val();//获得添加的姓名输入框中输入的值
			var post=$("#post").val();//获得添加的职位输入框中输入的值
			$.ajax({
				url:"ajax.php?type=add",	//跳转到哪个页面
				type:"POST",
最低0.47元/天 解锁文章
码农的蜕变
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
php+mysql+bootstrap+jquery实现增删查改的前后端
05-03
PHP+MYSQL入门学习并实现后端增删改查，bootstrap实现后端页面；前端有ajax请求json格式数据，jquery动态创建元素等
jq php mysql增删改查_PHP+jqGrid表格插件实现增删改查
weixin_39585761的博客
02-17 131
该楼层疑似违规已被系统折叠隐藏此楼查看此楼HTML首先我们在页面上加相关按钮、生成表格#list和分页#pager。编号：名称：接着我们引入jqGrid相关插件和 fancybox查询$("#list").jqGrid({url: 'do.php?action=list', //请求数据的url地址datatype: "json", //请求的数据类型colNames: ['编号', '名称',...
用html、jquery、php编写新闻后台管理页面，动态添加新闻数据并实现数据的增删改查功能
liting1996的博客
09-06 5311
写在前面： 我刚开始接触大前端这个行业，在刚开始接触前后台交互的时候相当头疼，不知道怎么下手，现在终于完成了一个小demo，写这个博客的目的就是让自己加深映象，对这个内容巩固巩固。这里模拟的是新闻后台的管理系统，新闻的展示内容我模拟的是百度新闻的内容。作用是和数据库交互，实现数据的增删改查功能。可能有的地方的代码是用比较笨的办法写的，但是我觉得这种更能让我们这种初来乍到的小白理解并应用。 重点知识：
jQuery实现增删改查
jiao18237330105的博客
09-02 378
jquery实现增删改查
datatables增删改查php,jQuery+datatables插件实现Ajax加载数据与增删改查功能示例_白峰_前端开发者...
weixin_39915605的博客
03-28 188
本文实例讲述了这里给大家分享一下我在项目中用datatables实现ajax加载数据与增删改查注意，需要引入 搜索 新增 编辑 删除职业姓名性别爱好//点击查找$("#search").click(function () {table.ajax.reload();});//初始化datatablesvar table = $('#example').DataTable({"searchin...
Angular.JS内置服务$http对数据库的增删改使用教程
01-19
本文主要介绍的是Angular.JS内置服务$http对数据库的增删改操作的相关内容，分享出来供大家参考学习，下面来看看详细的介绍： 一、使用$http查询MySQL数据 angular.module('app',[]) .controller('MyCtrl',...
Jquery+ajax+php+mysql数据库实现用户注册登录
04-06
6. **jQuery.sqlInject.js**：这个文件可能是一个扩展库，提供了一种方便的方法来执行SQL查询，可能是为了简化PHP与MySQL数据库之间的交互。 7. **login.js**：这是项目的前端JavaScript文件，其中包含了处理用户...
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
10-18
主要介绍了jQuery+datatables插件实现ajax加载数据与增删改查功能,涉及jQuery结合datatables插件针对页面表格实现数据加载及增删改查等相关操作技巧,需要的朋友可以参考下
jQuery拖动布局其结果保存到数据库
11-23
这种方法避免了仅依赖于Cookie来存储布局信息，确保用户无论何时何地使用何种浏览器，都能看到他们自定义的页面布局。 首先，我们需要了解拖动布局的基本原理。在许多网站上，拖动布局是通过JavaScript库，例如...
使用js dom和jquery分别实现简单增删改
10-25
今天学了jquery框架的简单使用。于是用它实现简单的增删改，接着也用原始的javascript实现同样的功能，两者对比可以看出jquery的强大
jquery+php查询数据库实现json的例子
09-09
个人写的一个php查询数据库 应用jquery处理json数据类型的demo,很不错
用PHP实现连接数据库，修改用户个人信息
RUNE__的博客
11-12 5317
首先先做一个登陆页面，验证对错不是关键，首要任务是利用Cookie传递用户的name以判断修改的个人信息是谁。 <?php /** file:login.inc.php 登录系统的主控制文件和主入口文件*/ /*声明一个删除Cookie的函数，调用时消除在客户端设置的所以Cookie*/ function clearCookies(){ //只指定Cookie识别...
PHP+JQ+AJAX+json 数据库实时动态增删改查
阿空的博客
10-20 7156
PHP+JQ+AJAX+json 数据库动态增删改查数据库 id为主键，自动增长。html部分三个form表单，分别用来增加、查询和修改。 refreash()用来刷新表。一打开页面、插入、修改、删除成功后都会调用。 insert（）、myQuery（）、myChange()、myDelete（）顾名思义。 修改部分是点击表格内的修改按钮，传数据到上方的修改框，作出修改后点击form的修改按
JQuery操作实现增删改查的详细介绍
zsl_955200的博客
12-16 1万+
JQuery操作实现增删改查的详细介绍 最近在写一个项目，让实现表格的增删改查功能，其实网上模块也很多，拿来用就可以了，我以前就是这样，想实现一个功能就去找度娘，然后拿来稍加修改就用了，但是这样的久了，技术都忘了，都不会自己写了，这次我就用纯鸡块实现了这样的一个功能，注释加的特别详细，以便以后回来看。
JQuery增删改查
weixin_33901843的博客
11-14 248
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="./js/jQuery3.3.1.js"&g...
jquerAjax+php实现表格的增删改查(带数据库)
Only_ruiwen的博客
01-28 4975
今天给各位小伙伴,带来个表格的增删改查案例. 我采用了bootstrap进行表格的布局,不得不说,bootstrap这个东西的确是好用。 HTML结构 这是table 编号 用户名称 学校 年龄
jq php mysql增删改查_jQuery实现增删改查
weixin_34891592的博客
02-17 180
本文实例为大家分享了jQuery实现增删改查的具体代码，供大家参考，具体内容如下jquery用的是1.11版本css就用bootstrap吧因为增和改用了模态框修改，所以还用了bootstrap.js实现模态框的弹出和关闭做了个简单的表格来实现功能HTML代码段//表格搜索增加编号姓名成绩操作1张三89修改删除2李四91修改删除3刘一80修改删除//修改的模态框×修改信息关闭提交更改//增加的模态...
PHP简单操作（增删改查）
热门推荐
weixin_41549971的博客
04-27 1万+
1、主页面（main.php） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>新闻后台管理系统</title> <meta name="viewport" content="width=device-width, initial-...
帮我写一个jquery实现的对数据库表格增删改查的前端代码
最新发布
04-21
好的，我会为你提供这方面的帮助。 首先，在页面中引入jQuery库： ``` <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ``` 然后，需要将表格渲染到页面上： ``` <table id="table-data"> <thead> <tr> <th>ID</th> <th>Name</th> <th>Age</th> <th>Gender</th> <th>操作</th> </tr> </thead> <tbody> </tbody> </table> ``` 接着，使用Ajax从后端获取数据： ``` $(document).ready(function() { loadData(); }); function loadData() { $.ajax({ url: 'your-url-to-retrieve-table-data', type: 'get', dataType: 'json', success: function(data) { // 渲染表格数据 renderTable(data); }, error: function() { alert('获取数据失败'); } }); } ``` 然后，实现添加数据的功能： ``` function addData() { var name = $('#name').val(); var age = $('#age').val(); var gender = $('#gender').val(); $.ajax({ url: 'your-url-to-add-data', type: 'post', dataType: 'json', data: { name: name, age: age, gender: gender }, success: function(data) { alert('添加成功'); // 清空输入框 $('#name').val(''); $('#age').val(''); $('#gender').val(''); // 重新加载数据 loadData(); }, error: function() { alert('添加失败'); } }); } ``` 接着，实现修改数据的功能： ``` function editData(id) { var name = $('#name').val(); var age = $('#age').val(); var gender = $('#gender').val(); $.ajax({ url: 'your-url-to-update-data', type: 'put', dataType: 'json', data: { id: id, name: name, age: age, gender: gender }, success: function(data) { alert('修改成功'); // 清空输入框 $('#name').val(''); $('#age').val(''); $('#gender').val(''); // 重新加载数据 loadData(); }, error: function() { alert('修改失败'); } }); } ``` 最后，实现删除数据的功能： ``` function deleteData(id) { $.ajax({ url: 'your-url-to-delete-data' + id, type: 'delete', dataType: 'json', success: function(data) { alert('删除成功'); // 重新加载数据 loadData(); }, error: function() { alert('删除失败'); } }); } ``` 以上就是一个简单的实现数据库表格增删改查的前端代码。需要注意的是，这里只提供了前端代码的框架，具体的后端实现需要根据业务需求来进行编写。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值