编程 PHP

PHP+Ajax实现的博客文章添加类别功能示例

Posted in PHP onMarch 29, 2018

本文实例讲述了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"><div align="center"><a href="#" rel="external nofollow" rel="external nofollow" class="a1"><?= $result['typename']?></a></div></td>
   </tr>
   <tr>
    <td bgcolor="#F2F2F2" height="12"><div align="left">发布人：
     <?= $result['username']?>
     </a></div></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"><div align="center">
   <DIV 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>
   </DIV>
  </div></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"><div align="center"><a href="#" rel="external nofollow" rel="external nofollow" class="a1"><?= $result['typename']?></a></div></td>
   </tr>
   <tr>
    <td bgcolor="#F2F2F2" height="12"><div align="left">发布人：
     <?= $result['username']?>
     </a></div></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"><div align="center">
   <DIV 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>
   </DIV>
  </div></td>
 </tr>
</table>
</body>
</html>

二. 运行结果

PHP+Ajax实现的博客文章添加类别功能示例

希望本文所述对大家PHP程序设计有所帮助。

PHP+Ajax实现的博客文章添加类别功能示例

- Author -

chengqiuming

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

PHP 相关文章推荐

需要使用php模板的朋友必看的很多个顶级PHP模板引擎比较分析

May 26 PHP

坏狼的PHP学习教程之第2天

Jun 15 PHP

phpinfo 系统查看参数函数代码

Jun 05 PHP

探讨各种PHP字符串函数的总结分析

Jun 05 PHP

PHP创建word文档的方法(平台无关)

Mar 29 PHP

PHP入门教程之PHP操作MySQL的方法分析

Sep 11 PHP

php基于单例模式封装mysql类完整实例

Oct 18 PHP

php获取字符串前几位的实例(substr返回字符串的子串用法)

Mar 08 PHP

PHP与JavaScript针对Cookie的读写、交互操作方法详解

Aug 07 PHP

php写app用的框架整理

Sep 29 PHP

解决PhpStorm64不能启动的问题

Jun 20 PHP

php 利用socket发送GET，POST请求的实例代码

Jul 04 PHP

PHP使用文件锁解决高并发问题示例

Mar 29 #PHP

PHP实现微信支付(jsapi支付)流程步骤详解

Mar 15 #PHP

PHP实现的数组和XML文件相互转换功能示例

Mar 15 #PHP

PHP实现用户异地登录提醒功能的方法【基于thinkPHP框架】

Mar 15 #PHP

laravel框架关于搜索功能的实现

Mar 15 #PHP

PHP实现浏览器中直接输出图片的方法示例

Mar 14 #PHP

PHP实现生成推广海报的方法详解

Mar 14 #PHP

You might like

PHP 读取大文件并显示的简单实例(推荐)

2016/08/12 PHP

php使用PDO下exec()函数查询执行后受影响行数的方法

2017/03/28 PHP

javascript之函数直接量(function(){})()

2007/06/29 Javascript

Jquery 基础学习笔记之文档处理

2009/05/29 Javascript

Javascript中Array.prototype.map()详解

2014/10/22 Javascript

原生js结合html5制作小飞龙的简易跳球

2015/03/30 Javascript

无刷新上传文件并返回自定义值

2015/06/11 Javascript

jQuery Validate表单验证深入学习

2015/12/18 Javascript

JS中多种方式创建对象详解

2016/03/22 Javascript

基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理

2016/05/12 Javascript

使用Curl命令查看请求响应时间方法

2016/11/04 Javascript

利用Vue v-model实现一个自定义的表单组件

2017/04/27 Javascript

vue-router实现组件间的跳转（参数传递）

2017/11/07 Javascript

Angular实现的敏感文字自动过滤与提示功能示例

2017/12/29 Javascript

Vue.js实现图片的随意拖动方法

2018/03/08 Javascript

vue实现百度下拉列表交互操作示例

2019/03/12 Javascript

基于JavaScript实现随机点名器

2021/02/25 Javascript

python面向对象多线程爬虫爬取搜狐页面的实例代码

2018/05/31 Python

pyqt5 QProgressBar清空进度条的实例

2019/06/21 Python

django 快速启动数据库客户端程序的方法示例

2019/08/16 Python

Python调用Windows API函数编写录音机和音乐播放器功能

2020/01/05 Python

wxpython自定义下拉列表框过程图解

2020/02/14 Python

Python reversed函数及使用方法解析

2020/03/17 Python

Python气泡提示与标签的实现

2020/04/01 Python

python根据完整路径获得盘名/路径名/文件名/文件扩展名的方法

2020/04/22 Python

pandas DataFrame 数据选取，修改，切片的实现

2020/04/24 Python

详解基于Facecognition+Opencv快速搭建人脸识别及跟踪应用

2021/01/21 Python

详解Canvas实用库Fabric.js使用手册

2019/01/07 HTML / CSS

英国最出名高街品牌：Forever Unique

2018/02/24 全球购物

欧洲最大的品牌水上运动服装和设备在线零售商：Wuituit Outlet

2018/05/05 全球购物

屈臣氏官方旗舰店：亚洲享负盛名的保健及美妆零售商

2019/03/15 全球购物

HQhair美国/加拿大：英国化妆品、美容及美发产品商城

2019/04/15 全球购物

匈牙利超级网上商店和优惠：Alza.hu

2019/12/17 全球购物

《我为你骄傲》教学反思

2014/02/20 职场文书

肖申克的救赎观后感

2015/06/02 职场文书

Python使用MapReduce进行简单的销售统计

2022/04/22 Python