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


Posted in PHP onDecember 21, 2020

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

php+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实现无刷新的新闻留言系统,希望对大家的学习有所帮助。

PHP 相关文章推荐
php获取当前网址url并替换参数或网址的方法
Jun 06 PHP
选择PHP作为网站开发语言的原因分享
Jan 03 PHP
php 阴历-农历-转换类代码
Jan 16 PHP
PHP中file_exists函数不支持中文名的解决方法
Jul 26 PHP
将CMYK颜色值和RGB颜色相互转换的PHP代码
Jul 28 PHP
PHP CURL 内存泄露问题解决方法
Feb 12 PHP
php微信公众平台开发类实例
Apr 01 PHP
PHP session文件独占锁引起阻塞问题解决方法
May 12 PHP
PHP数组编码gbk与utf8互相转换的两种方法
Sep 01 PHP
Yii2中事务的使用实例代码详解
Sep 07 PHP
PHP读取zip文件的方法示例
Nov 17 PHP
php实现用户注册密码的crypt加密
Jun 08 PHP
PHP测试成功的邮件发送案例
Oct 26 #PHP
php使用APC实现实时上传进度条功能
Oct 26 #PHP
php需登录的文件上传管理系统
Mar 21 #PHP
PHP文件缓存类实现代码
Oct 26 #PHP
php多线程实现方法及用法实例详解
Oct 26 #PHP
浅析ThinkPHP缓存之快速缓存(F方法)和动态缓存(S方法)(日常整理)
Oct 26 #PHP
PHP和C#可共用的可逆加密算法详解
Oct 26 #PHP
You might like
深入理解require与require_once与include以及include_once的区别
2013/06/05 PHP
php对接java现实加签验签的实例
2016/11/25 PHP
thinkPHP框架可添加js事件的分页类customPage.class.php完整实例
2017/03/16 PHP
php使用curl实现简单模拟提交表单功能
2017/05/15 PHP
php readfile下载大文件失败的解决方法
2017/05/22 PHP
PHP常用字符串输出方法分析(echo,print,printf及sprintf)
2021/03/09 PHP
jquery 1.3.2 IE8中的一点点的小问题解决方法
2009/07/10 Javascript
utf-8编码引起js输出中文乱码的解决办法
2010/06/23 Javascript
为jQuery.Treeview添加右键菜单的实现代码
2010/10/22 Javascript
JS模板实现方法
2013/04/03 Javascript
js替代copy(示例代码)
2013/11/27 Javascript
jquery日历控件实现方法分享
2014/03/07 Javascript
HTML,CSS,JavaScript速查表推荐
2014/12/02 Javascript
javascript实时获取鼠标坐标值并显示的方法
2015/04/30 Javascript
JavaScript实现广告的关闭与显示效果实例
2015/07/02 Javascript
pace.js页面加载进度条插件
2015/09/29 Javascript
JavaScript 数组中最大最小值
2016/06/05 Javascript
基于Vue.js实现简单搜索框
2020/03/26 Javascript
jQuery EasyUI之验证框validatebox实例详解
2017/04/10 jQuery
关于Promise 异步编程的实例讲解
2017/09/01 Javascript
JS获取数组中出现次数最多及第二多元素的方法
2017/10/27 Javascript
解决vue+webpack打包路径的问题
2018/03/06 Javascript
Node.js操作系统OS模块用法分析
2019/01/04 Javascript
Vue中keep-alive组件作用详解
2020/02/04 Javascript
Vue.js中Line第三方登录api的实现代码
2020/06/29 Javascript
小程序组件传值和引入sass的方法(使用vant Weapp组件库)
2020/11/24 Javascript
[01:12](回顾)DOTA2国际邀请赛,全世界DOTAer的盛宴
2014/07/01 DOTA
Python实现微信公众平台自定义菜单实例
2015/03/20 Python
Python同时向控制台和文件输出日志logging的方法
2015/05/26 Python
pymysql之cur.fetchall() 和cur.fetchone()用法详解
2020/05/15 Python
CSS3的column-fill属性对齐列内容高度的用法详解
2016/07/01 HTML / CSS
北美领先的牛仔品牌:Buffalo David Bitton
2017/05/22 全球购物
十佳大学生村官事迹
2014/01/09 职场文书
仓管员岗位责任制
2014/02/19 职场文书
学校安全管理责任书
2014/07/23 职场文书
mysql全面解析json/数组
2022/07/07 MySQL