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 相关文章推荐
把从SQL中取出的数据转化成XMl格式
Oct 09 PHP
PHP教程 预定义变量
Oct 23 PHP
PHP iconv 解决utf-8和gb2312编码转换问题
Apr 12 PHP
php下将多个数组合并成一个数组的方法与实例代码
Feb 03 PHP
8个出色的WordPress SEO插件收集
Feb 26 PHP
PHP采集类Snoopy抓取图片实例
Jun 19 PHP
php调用shell的方法
Nov 05 PHP
Symfony2实现在controller中获取url的方法
Mar 18 PHP
php生成验证码,缩略图及水印图的类分享
Apr 07 PHP
PHP安装GeoIP扩展根据IP获取地理位置及计算距离的方法
Jul 01 PHP
thinkphp中的url跳转用法分析
Jul 12 PHP
PHP实现登录验证码校验功能
May 17 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
杏林同学录(六)
2006/10/09 PHP
php图片加中文水印实现代码分享
2012/10/31 PHP
php漏洞之跨网站请求伪造与防止伪造方法
2013/08/15 PHP
ThinkPHP中limit()使用方法详解
2016/04/19 PHP
ThinkPHP简单使用memcache缓存的方法
2016/11/15 PHP
php实现评论回复删除功能
2017/05/23 PHP
Redis在Laravel项目中的应用实例详解
2017/08/11 PHP
解决 firefox 不支持 document.all的方法
2007/03/12 Javascript
JavaScript 新手24条实用建议[TUTS+]
2009/06/21 Javascript
Javascript模块化编程(一)AMD规范(规范使用模块)
2013/01/17 Javascript
使用JavaScript 实现各种跨域的方法
2013/05/08 Javascript
jQuery实现行文字链接提示效果的方法
2015/03/10 Javascript
解析javascript瀑布流原理实现图片滚动加载
2016/03/10 Javascript
关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法
2016/06/13 Javascript
利用jQuery对无序列表排序的简单方法
2016/10/16 Javascript
JS基于正则截取替换特定字符之间字符串操作示例
2017/02/03 Javascript
详解vue-cli开发环境跨域问题解决方案
2017/06/06 Javascript
JS中call和apply函数用法实例分析
2018/06/20 Javascript
vue.js iview打包上线后字体图标不显示解决办法
2020/01/20 Javascript
python使用PyGame播放Midi和Mp3文件的方法
2015/04/24 Python
Django 实现购物车功能的示例代码
2018/10/08 Python
Python rstrip()方法实例详解
2018/11/11 Python
PyCharm的设置方法和第一个Python程序的建立
2019/01/16 Python
python的内存管理和垃圾回收机制详解
2019/05/18 Python
python实现切割url得到域名、协议、主机名等各个字段的例子
2019/07/25 Python
安装不同版本的tensorflow与models方法实现
2021/02/20 Python
钉钉企业内部H5微应用开发详解
2020/05/12 HTML / CSS
Hanky Panky官方网站:内衣和睡衣
2019/07/25 全球购物
测绘工程个人的自我评价
2013/11/23 职场文书
战略合作意向书范本
2014/04/01 职场文书
小学班主任寄语大全
2014/04/04 职场文书
大学生活动总结怎么写
2014/04/29 职场文书
2014年文秘工作总结
2014/11/25 职场文书
2014年学校团委工作总结
2014/12/20 职场文书
党员个人承诺书
2015/04/27 职场文书
导游词之秦始皇兵马俑博物馆
2019/09/29 职场文书