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 MySQL与分页效率
Jun 04 PHP
用PHP读取RSS feed的代码
Aug 01 PHP
Zend Studio for Eclipse的java.lang.NullPointerException错误的解决方法
Dec 06 PHP
php模拟asp中的XmlHttpRequest实现http请求的代码
Mar 24 PHP
php中利用str_pad函数生成数字递增形式的产品编号
Sep 30 PHP
PHP echo,print,printf,sprintf函数之间的区别与用法详解
Nov 27 PHP
php实现文件下载简单示例(代码实现文件下载)
Mar 10 PHP
php根据用户语言跳转相应网页
Nov 04 PHP
php mysql like 实现多关键词搜索的方法
Oct 29 PHP
laravel实现分页样式替换示例代码(增加首、尾页)
Sep 22 PHP
微信公众号开发之获取位置信息php代码
Jun 13 PHP
php实现将数据做成json的格式给前端使用
Aug 21 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
ASP知识讲座四
2006/10/09 PHP
PHP接收json 并将接收数据插入数据库的实现代码
2015/12/01 PHP
PHP7 echo和print语句实例用法
2019/02/15 PHP
Yii框架中使用PHPExcel的方法分析
2019/07/25 PHP
浅析PHP中json_encode与json_decode的区别
2020/07/15 PHP
PHP 实现缩略图
2021/03/09 PHP
JS去除字符串的空格增强版(可以去除中间的空格)
2009/08/26 Javascript
jQuery setTimeout()函数使用方法
2013/04/07 Javascript
JavaScript简单表格编辑功能实现方法
2015/04/16 Javascript
js实现非常简单的焦点图切换特效实例
2015/05/07 Javascript
Javascript递归打印Document层次关系实例分析
2015/05/15 Javascript
JS实现转动随机数抽奖特效代码
2020/04/16 Javascript
AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值
2016/01/25 Javascript
javascript对象的相关操作小结
2016/05/16 Javascript
js带闹铃功能的倒计时代码
2016/09/29 Javascript
关于Vue.js一些问题和思考学习笔记(2)
2016/12/02 Javascript
利用D3.js实现最简单的柱状图示例代码
2016/12/09 Javascript
JS实现批量上传文件并显示进度功能
2017/06/27 Javascript
详细分析单线程JS执行问题
2017/11/22 Javascript
JavaScript中的函数申明、函数表达式、箭头函数
2019/12/06 Javascript
python实现百度关键词排名查询
2014/03/30 Python
Python第三方库xlrd/xlwt的安装与读写Excel表格
2017/01/21 Python
python3中dict(字典)的使用方法示例
2017/03/22 Python
Python3.5文件修改操作实例分析
2019/05/01 Python
Python实现的栈、队列、文件目录遍历操作示例
2019/05/06 Python
python实现简单的购物程序代码实例
2020/03/03 Python
TensorFlow的reshape操作 tf.reshape的实现
2020/04/19 Python
keras实现图像预处理并生成一个generator的案例
2020/06/17 Python
AmazeUI 图标的示例代码
2020/08/13 HTML / CSS
迪卡侬印度官网:购买所有体育用品
2017/06/24 全球购物
优秀毕业生自荐信范文
2014/01/01 职场文书
学历公证书范本
2014/04/09 职场文书
企业人事任命书
2014/06/05 职场文书
群众路线教育实践活动学习心得体会
2014/10/30 职场文书
员工辞退通知书
2015/04/17 职场文书
python ConfigParser库的使用及遇到的坑
2022/02/12 Python