• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

php ajax无刷新留言系统

php 搞代码 3年前 (2022-01-22) 29次浏览 已收录 0个评论

本篇文章主要介绍php ajax无刷新留言系统,感兴趣的朋友参考下,希望对大家有所帮助。

本文介绍了一款无刷新的新闻留言系统,最简明易懂的一个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"><mark style="color:transparent">来4源gaodaimacom搞#代%码*网</mark><code>搞代gaodaima码</code> 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> <p 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> </p> <p 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>";  } ?> </p> </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实现截取视频指定帧为图片的方法

PHP中swoole扩展安装方法及详细教程

PHP基于QRCODE生成彩色二维码的方法

以上就是php ajax无刷新留言系统的详细内容,更多请关注搞代码gaodaima其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:php ajax无刷新留言系统

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址