您的位置：首页 > 编程技术 > php  >  php+ajax实现无刷新的新闻留言系统

php+ajax实现无刷新的新闻留言系统

 更新时间：2015年10月30日 13:43  点击：1907

本文介绍了一款无刷新的新闻留言系统，最简明易懂的一个ajax无刷新留言系统，源码中省略了接受数据验证的过程，大家可根据自己的需求进行扩展，下面进入主题。

核心源码：

1.配置文件:config.php,代码如下：

<?php  //数据库配置信息(用户名,密码，数据库名，表前缀等)  $cfg_dbhost = "localhost";  $cfg_dbuser = "root";  $cfg_dbpwd = "root";  $cfg_dbname = "ajaxdemo1";  $cfg_dbprefix = "";  $link = mysql_connect($cfg_dbhost,$cfg_dbuser,$cfg_dbpwd);  mysql_select_db($cfg_dbname);  mysql_query("set names utf8"); ?>

2.处理请求:deal.php,代码如下：

<?php  header("Content-type:text/html;charset=utf-8");  include "config.php";  //post接收数据,只是演示效果,这里就省去验证了  $name = $_POST['name'];  $content = $_POST['content'];  $sql = "insert into test (name,content) values ('{$name}','{$content}');";  $res = mysql_query($sql,$link);  if($res){  echo '{"name": "'.$name.'","content": "'.$content.'","status": "1"}';  } ?>

3.首页代码: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> <link href="css/css.css" type="text/css" rel="stylesheet" /> <style type="text/css"> body{color:#555;font-size:14px;padding:0;margin:0;} #form { background:#dedede; padding:10px 20px; width:300px;} #show{ background:#f6f6f6;padding:10px 20px; width:300px;} #show p{ margin:6px; font-size:13px; line-height:22px; border-bottom:1px dashed #cdcdcd;} </style> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function(){  $("#sub").click(function(){  //只是说明原理,然后这里省去了验证文本框内容的步骤，直接发送ajax请求  $.post("deal.php",{name : $("#name").val(), content : $("#content").val()}, function(data){   if(data.status){    var str = "<p><strong>"+data.name+"</strong> 发表了："+data.content+"</p>";    $("#show").prepend(str); //在前面追加   }else{    alert("评论失败");   }   }, 'json');  });   }); </script> </head> <body> <div id="form">  <form action="deal.php" method="get" id="suggest_form">  用户名：<input type="text" name="name" id="name" /><br/>  内  容：<textarea name="content" id="content"></textarea>    <input type="button" value="发布" id="sub" />  </form> </div> <div id="show"> <?php  include "config.php";  $sql = "select * from test;";  $res = mysql_query($sql,$link);  while($row=mysql_fetch_array($res)){  echo "<p><strong>".$row['name']."</strong> 发表了：".$row['content']."</p>";  } ?> </div> </body> </html>

数据库文件,代码如下:

DROP TABLE IF EXISTS `test`; CREATE TABLE `test` (  `id` int(10) unsigned NOT NULL AUTO_INCREMENT,  `name` varchar(64) NOT NULL,  `content` text NOT NULL,  PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8;

以上就是为大家分享的php+ajax实现无刷新的新闻留言系统，希望对大家的学习有所帮助。

[!--infotagslink--]

相关文章

  • php语言实现redis的客户端

    php语言实现redis的客户端与服务端有一些区别了因为前面介绍过服务端了这里我们来介绍客户端吧，希望文章对各位有帮助。 为了更好的了解redis协议，我们用php来实现...2016-11-25

  • jQuery+jRange实现滑动选取数值范围特效

    有时我们在页面上需要选择数值范围，如购物时选取价格区间，购买主机时自主选取CPU，内存大小配置等，使用直观的滑块条直接选取想要的数值大小即可，无需手动输入数值，操作简单又方便。HTML首先载入jQuery库文件以及jRange相关...2015-03-15

  • JS实现的简洁纵向滑动菜单(滑动门)效果

    本文实例讲述了JS实现的简洁纵向滑动菜单(滑动门)效果。分享给大家供大家参考，具体如下：这是一款纵向布局的CSS+JavaScript滑动门代码，相当简洁的手法来实现，如果对颜色不满意，你可以试着自己修改CSS代码，这个滑动门将每一...2015-10-21

  • php无刷新利用iframe实现页面无刷新上传文件(1/2)

    利用form表单的target属性和iframe 一、上传文件的一个php教程方法。 该方法接受一个$file参数，该参数为从客户端获取的$_files变量，返回重新命名后的文件名，如果上传失...2016-11-25

  • jQuery+PHP发布的内容进行无刷新分页（Fckeditor）

    这篇文章将使用jQuery，并结合PHP，将Fckeditor发布的内容进行分页，并且实现无刷新切换页面。 本文假设你是WEB开发人员，掌握了jQuery和PHP相关知识，并且熟知Fckeditor的配置和使用。...2015-10-23

  • jQuery+slidereveal实现的面板滑动侧边展出效果

    我们借助一款jQuery插件：slidereveal.js，可以使用它控制面板左右侧滑出与隐藏等效果，项目地址：https://github.com/nnattawat/slideReveal。如何使用首先在页面中加载jquery库文件和slidereveal.js插件。复制代码 代码如...2015-03-15

  • PHP+jQuery翻板抽奖功能实现

    翻板抽奖的实现流程：前端页面提供6个方块，用数字1-6依次表示6个不同的方块，当抽奖者点击6个方块中的某一块时，方块翻转到背面，显示抽奖中奖信息。看似简单的一个操作过程，却包含着WEB技术的很多知识面，所以本文的读者应该熟...2015-10-21

  • SQLMAP结合Meterpreter实现注入渗透返回shell

    sqlmap 是一个自动SQL 射入工具。它是可胜任执行一个广泛的数据库管理系统后端指印, 检索遥远的DBMS 数据库等，下面我们来看一个学习例子。 自己搭建一个PHP+MYSQ...2016-11-25

  • PHP实现今天是星期几的几种写法

    复制代码 代码如下: // 第一种写法 $da = date("w"); if( $da == "1" ){ echo "今天是星期一"; }else if( $da == "2" ){ echo "今天是星期二"; }else if( $da == "3" ){ echo "今天是星期三"; }else if( $da == "4"...2013-10-04

  • 原生js实现fadein 和 fadeout淡入淡出效果

    js里面设置DOM节点透明度的函数属性：filter= "alpha(opacity=" + value+ ")"（兼容ie）和opacity=value/100（兼容FF和GG）。 先来看看设置透明度的兼容性代码： 复制代码 代码如下: function setOpacity(ele, opacity) { if (...2014-06-07

  • php+ajax制作无刷新留言板

    本文就是和大家分享一款由php结合ajax实现的无刷新留言板，先给大家看一下最后的效果图：数据库连接代码如下： <&#63;php$conn = @mysql_connect("localhost","root","root") or die ("MySql连接错误");mysql_select_db("d...2015-10-30

  • 基于jquery实现表格无刷新分页

    这篇文章主要介绍了基于jquery实现表格无刷新分页，功能实现了前端排序功能，增加了前端搜索功能，感兴趣的小伙伴们可以参考一下...2016-01-08

  • Android中用HttpClient实现Http请求通信

    本文我们需要解决的问题是如何实现Http请求来实现通信，解决Android 2.3 版本以后无法使用Http请求问题，下面请看正文。 Android开发中使用HttpClient来开发Http程序...2016-09-20

  • mysql存储过程实现split示例

    复制代码 代码如下:call PROCEDURE_split('分享,代码,片段',',');select * from splittable;复制代码 代码如下:drop PROCEDURE if exists procedure_split;CREATE PROCEDURE `procedure_split`( inputstring varc...2014-05-31

  • css实现文字发光效果方法汇总

    文字发光效果我们可以直接使用css来实现了今天我们来看一篇关于文字发光效果的例子，希望这篇文章能够帮助到各位朋友哦。 前言 我录制的慕课网视频一直没有上线，慕...2016-09-14

  • PHP+Mysql+Ajax+JS实现省市区三级联动

    基本思想就是：在JS动态创建select控件的option,通过Ajax获取在PHP从SQL数据库获取的省市区信息，代码有点长，但很多都是类似的，例如JS中省、市、区获取方法类似，PHP中通过参数不同执行不同的select语句。index.html代码：复制...2014-05-31

  • JS实现程序暂停与继续功能代码解读

    下面代码用JS实现了程序的暂停与继续 复制代码 代码如下: <script type="text/javascript"> /*Javascript中暂停功能的实现 Javascript本身没有暂停功能（sleep不能使用）同时 vbscript也不能使用doEvents，故编写此函数实...2013-10-13

  • PHPCMS实现自动推送URL到百度站长平台

    我们一起来看一篇关于PHPCMS实现自动推送URL到百度站长平台，希望此教程能够帮助到各位朋友。 百度站长平台开放url推送接口，可以使用调用接口的形式主动及时推送u...2016-11-25

  • CSS+JS实现苹果cover flow效果示例

    cover flow效果就一个超级漂亮的图片切换效果了，下面我们来看看CSS+JS实现苹果cover flow效果示例吧，具体的操作步骤细节如下文介绍。 废话不多说, 直接上最终效果...2016-10-02

  • 兼容ie和firefox css alpha实现透明效果

    文章介绍了利用了css hack来实现兼容ie和firefox 的div透明效果,有需要的朋友可以参考一下，好了费话不说多了。 为了实现一些特殊效果，需要将页面元素变透明，本文介...2017-07-06