search

Home >Backend Development >PHP Tutorial >php+ajax实现无刷新的新闻留言系统_php技巧

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

WBOY
WBOYOriginal
2016-05-16 20:05:531073browse

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

核心源码：

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

<&#63;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"); 
&#63;>

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

<&#63;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"}'; 
 } 
&#63;>

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"> 
<&#63;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>"; 
 } 
&#63;> 
</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实现无刷新的新闻留言系统，希望对大家的学习有所帮助。

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Implementation code for php to capture and save website images_php skillsNext article：Implementation code for php to capture and save website images_php skills

Related articles

See more