php+ajax实现无刷新的新闻留言系统
ajax自从有了jquery就非常的简单容易实现了，下面我来介绍一款基于jquery ajax+php mysql的无刷新的新闻留言系统实现过程，希望本文章能给您带来帮助。
最简明易懂的一个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实现无刷新的新闻留言系统 - 综合实例的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did3812