php无刷新留言,php+ajax实现无刷新的新闻留言系统(附源码)_PHP教程

ajax自从有了jquery就非常的简单容易实现了,下面我来介绍一款基于jquery ajax+php mysql的无刷新的新闻留言系统实现过程,希望本文章能给您带来帮助。

最简明易懂的一个ajax无刷新留言系统了,源码中省略了接受数据验证的过程。读者可根据自己的需求进行扩展。

1K5141D8-0.jpg

核心源码:

1.配置文件:config.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

代码如下

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

代码如下

无刷新

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;}

include "config.php";

$sql = "select * from test;";

$res = mysql_query($sql,$link);

while($row=mysql_fetch_array($res)){

echo "

".$row['name']." 发表了:".$row['content']."";

}

?>

数据库文件

代码如下

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.bkjia.com/PHPjc/632619.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/632619.htmlTechArticleajax自从有了jquery就非常的简单容易实现了,下面我来介绍一款基于jquery ajax+php mysql的无刷新的新闻留言系统实现过程,希望本文章能给您带...

本条技术文章来源于互联网,如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源:php中文网

对初学AJAX的同学会有帮助的。 ----------ajax.js--------------- var request = false; try { request = new XMLHttpRequest(); } catch (trymicrosoft) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (othermicrosoft) { try { request = new ActiveXObject("Microsoft.XMLHTTP"); } catch (failed) { request = false; } } } if (!request) alert("Error initializing XMLHttpRequest!"); function getCustomerInfo() { document.getElementById("output").innerHTML = "Loading..."; document.getElementById("submit").disabled = true; var name = document.getElementById("name").value; var text = document.getElementById("text").value; var key = document.getElementById("key").value; var answer = document.getElementById("answer").value; var poststr = "name="+name+"&text="+text+"&key="+key+"&answer="+answer; var url = "doit.php"; request.open("POST", url, true); request.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); request.send(poststr); request.onreadystatechange = updatePage; } function updatePage() { if (request.readyState == 4) if (request.status == 200) document.getElementById("output").innerHTML = request.responseText; else if (request.status == 404) alert("目标地址不存在"); else alert("警告: 错误代码 " + request.status); } function getInfo() { document.getElementById("output1").innerHTML = "Loading..."; var url = "show.php"; var d = new Date().getTime(); request.open("GET", url+"?d="+d.toString(), true); request.onreadystatechange = updatePage1; request.send(); } function updatePage1() { if (request.readyState == 4) if (request.status == 200) document.getElementById("output1").innerHTML = request.responseText; else if (request.status == 404) alert("目标地址不存在"); else alert("警告: 错误代码 " + request.status); }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值