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

2024-10-08 15:57:18

本文介绍了一款无刷新的新闻留言系统，最简明易懂的一个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实现无刷新的新闻留言系统，希望对大家的学习有所帮助。

找到一款不错的基于AJAX留言板源码(PHP版、ASP版)提供下载了

一.说明大家好,现将51AJAX的留言板源码放出,有PHP和ASP两个版本. PHP版基于AJAX+PHP4.3+MySql 4.1+Dojo 0.3,ASP版基于AJAX+ASP+Access+Dojo 0.3. 压缩包中已包含了Dojo框架的主文件dojo.js,无需再下载Dojo包: 要下载完整的Dojo框架,请点击这里下载:http://download.dojotoolkit.org/release-0.3.1/dojo-0.3.1-ajax.zip. 关于Dojo的更多信息,请点击
PHP+ajax 无刷新删除数据

首先本例基于留言本整理版修改. 我们使用了jquery.js来实现ajax和dom删除首先加入复制代码代码如下: <script type="text/javascript" src="lib/jquery.js"></script> 给table加个复制代码代码如下: id="t" 写个js: 复制代码代码如下: <script> function d
php+ajax实现无刷新动态加载数据技术

我们浏览有些网页的时候,当拉动浏览器的滚动条时到页底时,页面会继续自动加载更多内容供用户浏览.这种技术我暂且称它为滚屏加载技术.我们发现很多网站用到这种技术,必应图片搜索.新浪微博.QQ空间等将该技术应用得淋漓尽致. 滚屏加载技术,就是使用Javascript监视滚动条的位置,每次当滚动条到达浏览器窗口底部时,触发一个Ajax请求后台PHP程序,返回相应的数据,并将返回的数据追加到页面底部,从而实现了动态加载,其实就是一个典型的Ajax应用.本文将使用jQuery,结合PHP,mysql以及JS
php开发留言板的CRUD(增，删，改，查)操作

项目结构: 添加页面: 说明:这里只注重操作,对界面的美工没有下工夫,希望大家理解...... 列表页面: 修改页面: 项目中所需的sql: 复制代码代码如下: create database form; use form; CREATE TABLE `message` ( `id` tinyint(1) NOT NULL auto_increment, `user` varchar(25) NOT NULL, `title` va
php简单的留言板与回复功能具体实现

在网上找了这方面的教程但是基本就是没有人说什么然后在某一天看见一个PHP程序设计出了一张类似这样的数据库设计图之后就有了很多领悟!下面是数据库的结构图下面我们就来继续一下介绍 id 这个算是父Id 可以通过这个id来查询在这个id下是否有子id 同时也可以记录这个是那条留言的id son_id 这个是子id 然后通过这个id 可以找到相对应的父id news_id
PHP Ajax实现页面无刷新发表评论

大家都有在网站发表评论的经历,传统的发表过程无非是:发表->提交页面表单->等待刷新页面,这样在网络比较拥挤的时候,往往需要漫长的等待,今天介绍用PHP+Ajax实现页面无刷新发表评论,希望对初学ajax的PHPer有所帮助. 那么首先,我们需要一个基本的ajax开发框架,文件ajax.js就包含了这个框架,代码如下: var http_request=false; function send_request(url){//初始化,指定处理函数,发送请求的函数 http_request
一个可分页的基于文本的PHP留言板源码第1/2页

小弟初学PHP,编了一个留言板程序,自我感觉良好,故厚着脸皮放了上来,请各位大哥指正.源程序如下: <?php //文件名:guest.php //设定部分 $guestfile="guest";//纪录留言的文本文件 $home="index.html";//返回的主页 $imagedir="image"; //图像文件的目录 $backimage=$imagedir."/bk.gif";//背景图像
一个简单的PHP&MYSQL留言板源码第1/2页

初学PHP,花了几晚上写了个留言板,请高手指正 p.s.我的空间不支持PHP,不能提供演示了T_T 数据库结构:(库名:lyb) 表一: admin 字段: id(int11) name(varchvr) password(varchvr) 表二: lo 字段: id(int11) username(varchvr) sex(varchvr) qq(varchvr) email(varchvr) info(text) ip(varchvr) submit_time(dat
来自经典的打造简单的PHP&MYSQL留言板第1/4页

表一: admin 字段: id(int11) name(varchvr) password(varchvr) 表二: lo 字段: id(int11) username(varchvr) sex(varchvr) qq(varchvr) email(varchvr) info(text) ip(varchvr) submit_time(datetime) 1.conn.php(连接数据库文件) 复制代码代码如下: <?php mysql_connect("lo
php+ajax实现无刷新的新闻留言系统

本文介绍了一款无刷新的新闻留言系统,最简明易懂的一个ajax无刷新留言系统,源码中省略了接受数据验证的过程,大家可根据自己的需求进行扩展,下面进入主题. 核心源码: 1.配置文件:config.php,代码如下: <?php //数据库配置信息(用户名,密码,数据库名,表前缀等) $cfg_dbhost = "localhost"; $cfg_dbuser = "root"; $cfg_dbpwd = "root"; $cfg_dbname
在Thinkphp中使用ajax实现无刷新分页的方法

在Thinkphp目录的Lib\ORG\Util\目录里新建AjaxPage.class.php,写入一下内容: <?php // +---------------------------------------------------------------------- // | ThinkPHP [ WE CAN DO IT JUST THINK IT ] // +---------------------------------------------------------------
ajax实现无刷新上传文件功能

本文实例为大家分享了ajax实现无刷新上传文件功能的具体代码,供大家参考,具体内容如下详细代码如下 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>ajax无刷新上传文件</title> <script> window.o
ajax实现无刷新省市县三级联动

本文实例为大家分享了ajax实现无刷新省市县三级联动的具体代码,供大家参考,具体内容如下效果图: 实现代码: 1.html: <html> <head> <title></title> <style type="text/css"> select { width: 150px; } </style> <script src="js/Jquery1.7.js" type="tex
jsp+ajax实现无刷新上传文件的方法

本文实例讲述了jsp+ajax实现无刷新上传文件的方法.分享给大家供大家参考,具体如下: 列表页:selectaddress.jsp js页:ajax_edit.js jsp处理页:editaddress.jsp 上传工具类:UploadUtil.java 思想:由于安全问题,javascript操纵不了文件, 导致ajax不能动态上传文件,所以选择了iframe, 列表页把form表单提交到一个隐式的iframe里面,设置表单的属性复制代码代码如下: enctype='multipart/
基于ajax实现无刷新分页的方法

本文实例讲述了基于ajax实现无刷新分页的方法.分享给大家供大家参考.具体如下: 在普通的分页中,一旦页码改变,则url改变,整个页面都会刷新,如果我们希望页码的改变不影响整个网页的变动,可以使用ajax技术. AJAX 是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 通过客户端html代码,用ajax把服务器中的数据通过get方式传递过来,显示在html中. <!doct
php+ajax实现无刷新分页的方法

本文实例讲述了php+ajax实现无刷新分页的方法.分享给大家供大家参考.具体实现方法如下: 这是一款基于原生态的php +js +ajax 的分页程序实例,我们详细的从数据库创建到js,php,html页面的创建来告诉你如何实现ajax分页调用数据的方法. 具体步骤如下: 一.创建数据库 SQL语句如下: 复制代码代码如下: CREATE TABLE `tb_user` ( `id` int(10) NOT NULL auto_increment, `username` varcha
AJAX PHP无刷新form表单提交的简单实现(推荐)

ajax.php: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <script language="javascript"> function saveUserInfo() { //获取
Ajax实现无刷新三联动下拉框

<HTML> <HEAD> <title>Ajax实现无刷新三联动下拉框</title> <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"> <meta content="C#" name="CODE_LANGUAGE"> <meta content="Jav
使用ajax实现无刷新改变页面内容和地址栏URL

在访问现在很火的google plus时,细心的用户也许会发现页面之间的点击是通过ajax异步请求的,同时页面的URL发生了了改变.并且能够很好的支持浏览器的前进和后退.不禁让人想问,是什么有这么强大的功能呢? HTML5里引用了新的API,就是history.pushState和history.replaceState,就是通过这个接口做到无刷新改变页面URL的. 与传统的AJAX的区别传统的ajax有如下的问题: 虽然ajax可以无刷新改变页面内容,但无法改变页面URL 其次为了更好的可访

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

相关推荐

随机推荐