怎么在php中使用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" "">  <html xmlns="">  <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/>   内&nbsp;&nbsp;容:<textarea name="content" id="content"></textarea>&nbsp;&nbsp;   <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>

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。