PHP和Ajax实现文章添加类别功能

分类：微信小程序作者：佚名
本文主要和大家介绍了PHP+Ajax实现的博客文章添加类别功能,结合实例形式分析了php+ajax实现的数据交互、数据库连接、查询等相关操作技巧,需要的朋友可以参考下，希望能帮助到大家。

一. 代码

fun.js


function saveType(typename, username){
  if(typename==''){   //判断博客类别是否为空
    alert('请输入类别名称！');
  }else if(username==''){   //判断用户名是否为空
    alert('请输入用户名！');
  }else{
    var xmlObj;   //定义XMLHttpRequest对象
    var urlData = typename=+typename+&username=+username;    //指定要发送的数据
    if(window.ActiveXObject){   //判断浏览器是否支持ActiveXObject组件，如支持则通过ActiveXObject方式创建XMLHttpRequest对象
      xmlObj = new ActiveXObject(Microsoft.XMLHTTP);
    }else if(window.XMLHttpRequest){   //如果浏览器不支持ActiveXObject组件，则使用XMLHttpRequest组件创建XMLHttpRequest对象
      xmlObj = new XMLHttpRequest();
    }
    xmlObj.onreadystatechange = callBackFun;   //指定回调函数
    xmlObj.open(POST, saveType.php, true);   //指定提交方法和页面
    xmlObj.setRequestHeader(Content-Type, application/x-www-form-urlencoded;);   //指定发送数据库类型
    xmlObj.send(urlData);   //指定发送的数据
    function callBackFun(){   //定义回调函数
      if(xmlObj.readyState == 4 && xmlObj.status == 200){   //如果服务器端返回内容并无错误发生
        if(xmlObj.responseText == 'y'){  //判断保存是否成功，并给出提示
          alert('类别添加成功！');
        }else{
          alert('类别添加失败！');
        }
      }
    }
  }
}

conn.php


<?php
$host = '127.0.0.1';
$userName = 'root';
$password = 'root';
$connID = mysql_connect($host, $userName, $password);
mysql_select_db('db_database27', $connID);
mysql_query('set names gbk');
?>

index.php


<?php
require_once 'conn.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=gb2312 />
<title>添加类别</title>
<link rel=stylesheet type=text/css href=css/style.css rel=external nofollow rel=external nofollow />
</head>
<script language=javascript src=js/fun.js></script>
<body>
<table border=0 align=center cellpadding=0 cellspacing=0>
 <tr>
  <td><img src=images/banner.gif width=608 height=109 /></td>
 </tr>
</table>
<table width=200 height=7 border=0 align=center cellpadding=0 cellspacing=0>
 <tr>
  <td></td>
 </tr>
</table>
<table width=608 height=200 border=0 align=center cellpadding=0 cellspacing=1 bgcolor=#7ED227>
 <tr>
  <td width=150 bgcolor=#F6FEFE valign=top>
  <table width=150 border=0 cellpadding=0 cellspacing=1 bordercolor=#FFFFFF bgcolor=#D6FEFE>
   <?php
     $sql = mysql_query(select typename,username from tb_type order by addtime desc, $connID);
     $result = mysql_fetch_array($sql);
     if ($result){
       do{
   ?>
   <tr>
    <td bgcolor=#A6E617 height=20><p align=center><a href=# rel=external nofollow rel=external nofollow class=a1><?= $result['typename']?></a></p></td>
   </tr>
   <tr>
    <td bgcolor=#F2F2F2 height=12><p align=left>发布人：
     <?= $result['username']?>
     </a></p></td>
   </tr>
   <?php
       }while($result = mysql_fetch_array($sql));
     }else{
   ?>
   <tr>
    <td bgcolor=#A6E617 height=20>暂无文章类别</td>
   </tr>
   <?php
     }
   ?>
</table>
  </td>
  <td width=455 bgcolor=#FFFFFF style=padding-left:30px; line-height:25px>
  请输入博客类别：<br />
      <input type=text name=typename size=30 id=typename /><br /><br/>
  发布人：<br />
      <input type=text name=username size=30 id=username /><br /><br/>
  <input type=button value=保存 onclick=saveType(typename.value, username.value) />
  </td>
 </tr>
</table>
<table width=200 height=7 border=0 align=center cellpadding=0 cellspacing=0>
 <tr>
  <td></td>
 </tr>
</table>
<table width=608 height=70 border=0 align=center cellpadding=0 cellspacing=0>
 <tr>
  <td background=images/bottom.gif><p align=center>
   <p align=center>『博客』 版权所有 <a href=http://www.mingri***.com rel=external nofollow rel=external nofollow rel=external nofollow rel=external nofollow class=a1>吉林省**科技有限公司</a>!  未经授权禁止复制或建立镜像!<BR>
     <BR>Copyright © <a href=http://www.mingri***.com rel=external nofollow rel=external nofollow rel=external nofollow rel=external nofollow class=a1>www.mingri***.com</a> All Rights Reserved!<BR>
   </p>
  </p></td>
 </tr>
</table>
</body>
</html>

saveType.php


<?php
require_once 'conn.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=gb2312 />
<title>添加类别</title>
<link rel=stylesheet type=text/css href=css/style.css rel=external nofollow rel=external nofollow />
</head>
<script language=javascript src=js/fun.js></script>
<body>
<table border=0 align=center cellpadding=0 cellspacing=0>
 <tr>
  <td><img src=images/banner.gif width=608 height=109 /></td>
 </tr>
</table>
<table width=200 height=7 border=0 align=center cellpadding=0 cellspacing=0>
 <tr>
  <td></td>
 </tr>
</table>
<table width=608 height=200 border=0 align=center cellpadding=0 cellspacing=1 bgcolor=#7ED227>
 <tr>
  <td width=150 bgcolor=#F6FEFE valign=top>
  <table width=150 border=0 cellpadding=0 cellspacing=1 bordercolor=#FFFFFF bgcolor=#D6FEFE>
   <?php
     $sql = mysql_query(select typename,username from tb_type order by addtime desc, $connID);
     $result = mysql_fetch_array($sql);
     if ($result){
       do{
   ?>
   <tr>
    <td bgcolor=#A6E617 height=20><p align=center><a href=# rel=external nofollow rel=external nofollow class=a1><?= $result['typename']?></a></p></td>
   </tr>
   <tr>
    <td bgcolor=#F2F2F2 height=12><p align=left>发布人：
     <?= $result['username']?>
     </a></p></td>
   </tr>
   <?php
       }while($result = mysql_fetch_array($sql));
     }else{
   ?>
   <tr>
    <td bgcolor=#A6E617 height=20>暂无文章类别</td>
   </tr>
   <?php
     }
   ?>
</table>
  </td>
  <td width=455 bgcolor=#FFFFFF style=padding-left:30px; line-height:25px>
  请输入博客类别：<br />
      <input type=text name=typename size=30 id=typename /><br /><br/>
  发布人：<br />
      <input type=text name=username size=30 id=username /><br /><br/>
  <input type=button value=保存 onclick=saveType(typename.value, username.value) />
  </td>
 </tr>
</table>
<table width=200 height=7 border=0 align=center cellpadding=0 cellspacing=0>
 <tr>
  <td></td>
 </tr>
</table>
<table width=608 height=70 border=0 align=center cellpadding=0 cellspacing=0>
 <tr>
  <td background=images/bottom.gif><p align=center>
   <p align=center>『博客』 版权所有 <a href=http://www.mingri***.com rel=external nofollow rel=external nofollow rel=external nofollow rel=external nofollow class=a1>吉林省**科技有限公司</a>!  未经授权禁止复制或建立镜像!<BR>
     <BR>Copyright © <a href=http://www.mingri***.com rel=external nofollow rel=external nofollow rel=external nofollow rel=external nofollow class=a1>www.mingri***.com</a> All Rights Reserved!<BR>
   </p>
  </p></td>
 </tr>
</table>
</body>
</html>

二. 运行结果


版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

类别

相关推荐

小程序用什么css框架
小程序用什么css框架
微信小程序订阅消息
概述 消息能力是小程序能力中的重要组成，我们为开发者提供了订阅消息能力，以便实现服务的闭环和更优的体验。 订阅消息推送位置：服务通知 订阅消息下发条件：用户自主订阅 订阅消息卡片跳转能力：点击查看详情可提爱转至该小程序的页面 消息类型 一次性订阅消息 一次性订阅消息用于解决用户使用小程序后，后续服务
判断H5页面环境在微信中还是小程序中
判断H5页面环境在微信中还是小程序中 用小程序提供的wx.miniProgram.getEnv可以获取环境参数 &lt;script type=&quot;text/javascript&quot; src=&quot;https://res.wx.qq.com/open/js/jweixin-1.
wx.reLaunch和wx.navigateTo，wx.navigateTo的区别
wx.reLaunch和wx.navigateTo，wx.navigateTo的区别 2019-03-23 11:18:05 wx.navigateTo 用于保留当前页面、跳转到应用内的某个页面，使用 wx.navigateBack可以返回到原页面。对于页面不是特别多的小程序，通常推荐使用 wx.n
微信小程序如何从数组里取值_微信小程序 传值取值的几种方法总结
微信小程序如何从数组里取值_微信小程序 传值取值的几种方法总结 小程序里常见的取值有以下几种，一个完整的项目写下来，用到的概率几乎是100%。 列表index下标取值 页面传值 form表单取值 1. 列表index下标取值 实现方式是：data-index=&quot;{{index}}&quot
H5页面判断是否是微信小程序打开
H5项目接入微信授权登录，通过 UA 区分微信还是普通浏览器： let&#160;ua&#160;=&#160;navigator.userAgent.toLowerCase(); let&#160;isWeixin&#160;=&#160;ua.indexOf(&#39;micromessenge
微信小程序获取data-xx=""属性的值，自定义属性设置和获取（data-）
微信小程序获取data-xx=&quot;&quot;属性的值，自定义属性设置和获取（data-） 微信小程序&lt;view class=&quot;details-btn&quot; data-taskId=&quot;111&quot; bindtap=&#39;taskdetails&#39
小程序报错：TypeError: Cannot read property ‘addEventListener‘ of undefined
小程序报错：TypeError: Cannot read property ‘addEventListener‘ of undefined 解决办法 将调试基础库由2.16.0（或者当前的） -&gt; 2.14.1 解决问题
H5跳转微信小程序-成功案例（VUE）（踩坑无数）
H5跳转微信小程序-成功案例（VUE）（踩坑无数） TuoMei 已于 2022-07-29 09:52:22 修改 准备工作 根据官方提供的资料需准备以下几点： 1、已认证的服务号 2、绑定JS接口安全域名 （在微信公众平台设置） 3、IP白名单 （在微信公众平台设置） 4、将小程序和H5公众号进
微信小程序 页面跳转和数据传递实例详解
微信小程序 页面跳转和数据传递实例详解 这篇文章主要介绍了微信小程序 页面跳转和数据传递实例详解的相关资料,这里附有实例代码帮助到家学习理解，需要的朋友可以参考下 微信小程序 页面跳转和数据传递 1.先导 在Android中，我们Activity和Fragment都有栈的概念在里面，微信小程序页面也
小程序运行程序
情景1.拉取公司代码演示： 因为github有墙，这里我们以gitee(码云)为例作为演示 (其实就是国产github，也非常好用~) 步骤一：打开Git界面 先在一个空文件夹右击Git Bash Here，打开git界面 步骤二：输入克隆远程仓库指令 别人复制的链接在这里获取 拿到别人赋值的链接自
如何开发微信小程序？
如何开发微信小程序？ 作为一名10多年一直从事互联网平台开发的从业者，我来回答下这个问题吧。 微信小程序开发流程总体可以归纳为4个步骤， 老张带您捋一捋整个环节，小白用户可以收藏了。 好了废话不多说，开始！ 一、开发前小程序需要准备的资料 我们在开发微信小程序前，需要准备下相关资料。这个资料主要是后
微信小程序getApp()和App()方法讲解
 
原生小程序开发优化方案
原生小程序开发优化方案 为了更好的制定优化方案，我们 有必要先了解下小程序的底层架构、以及与普通网页开发的差异 小程序最终渲染载体与当下一些热门的技术 Flutter、React Native等不同，依然是浏览器内核，而不是原生客户端。 而对于传统的网页来说，UI 渲染和 JS 脚本是在同一个线程中
优化小程序大小
1，不要下两倍尺寸的图片， 小程序本身自己就会对元素缩小两倍，设计图片的一杯就已经很清晰了。 2，图片压缩，（主要是压缩静态资源，ps 可以压缩，然后有一些在线压缩工具，保持600-800kb 的静态） 3，通用的代码组件化 4，是在工程量太大可以分包，分包现在最大支持20m（一般都不会去分包的）
能取代90%的人的工作的ChatGpt到底牛在哪？
文章浏览阅读189次。人工智能研究实验室OpenAI在2022年11月30日发布了自然语言生成模型ChatGPT，上线两个月就已经超过一亿用户，成为了人工智能界当之无愧的超级大网红。ChatGPT凭借着自身强大的拟人化及时应答能力迅速破圈，引起了各行各业的热烈讨论。简单来说ChatGPT就是可以基于用户文本输入自动生成回答的人工智能聊天机器人。那肯定会有人说这不就是Siri嘛，虽然都是交互机器人但是两者的差别可老大了。那么ChatGPT在人机交互时为什么会有这么出色的表现？它到底会不会取代搜索引擎？90%的人真的会因为ChatG
微信小程序开发知识点
文章浏览阅读193次。8. 导航和路由管理：掌握小程序的导航方式，如使用wx.navigateTo跳转页面、使用wx.redirect重定向页面等，学会实现页面之间的跳转和传参。1. 小程序的基本概念和架构：了解小程序的定义、特点以及与传统APP的区别，掌握小程序的运行环境、组件和API等基本概念。10. 支付功能：学习小程序的支付方式，如微信支付、支付宝支付等，了解支付流程和注意事项，学会实现小程序的支付功能。9. 用户授权和登录：了解小程序的用户授权机制，如获取用户信息、调用微信API等，学会实现用户的登录和注册功能。_微信小程序开发知识点总结
微信小程序斗地主完整代码及步骤
文章浏览阅读4.8k次，点赞7次，收藏18次。一、准备工作1. 安装微信开发者工具，并登录微信小程序账号；2. 准备斗地主游戏的图片资源；3. 准备斗地主游戏的音效资源；二、创建小程序1. 打开微信开发者工具，点击“新建小程序”，输入小程序名称，选择小程序的项目目录，点击“创建”；2. 在小程序的项目目录中，新建文件夹“images”，将准备好的斗地主游戏的图片资源放入“images”文件夹中；3. 在小程序的项目目录中，新建文件夹“sounds”，将准备好的斗地主游戏的音效资源放入“sounds”文件夹中；三、编写代码1. 在小程_扑克牌微信小程序代码
微信小程序狼人杀游戏代码及步骤
文章浏览阅读3.9k次，点赞3次，收藏7次。一、准备工作：1. 安装微信开发者工具，创建小程序项目；2. 准备游戏角色图片；3. 准备游戏背景音乐；二、实现步骤：1. 创建游戏页面，添加游戏角色图片，添加游戏背景音乐；2. 创建游戏角色类，定义游戏角色属性，如角色名称、角色图片、角色能力等；3. 创建游戏类，定义游戏属性，如游戏人数、游戏角色、游戏规则等；4. 创建游戏控制类，定义游戏流程，如游戏开始、游戏结束、游戏角色分配等；5. 创建游戏界面，实现游戏流程，如游戏开始、游戏结束、游戏角色分配等；6. 创建游戏结果页面，显示游戏_微信小程序游戏代码
开发微信小程序模拟聊天步骤及代码
文章浏览阅读1.7k次。1. 创建小程序项目：使用微信开发者工具创建一个小程序项目，并在项目中添加一个页面，用于模拟聊天。 2. 定义数据结构：定义一个数据结构，用于存储聊天记录，包括发送者、接收者、消息内容等信息。 3. 实现聊天功能：实现聊天功能，包括发送消息、接收消息、显示消息等功能。 4. 实现界面：使用微信小程序的界面框架，实现聊天界面，包括聊天记录列表、输入框等。代码示例：// 定义数据结构var chatData = { sender: '', receiver: '', message: '' };_制作聊天对话小程序代码
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot