本文介绍了一款无刷新的新闻留言系统,最简明易懂的一个创建交互式、快速动态网页应用的网页开发技术无刷新留言系统,源码中省略了接受数据验证的过程,大家可根据自己的需求进行扩展,下面进入主题。
核心源码:
1.配置文件:config.php,代码如下:
?php /数据库配置信息(用户名,密码,数据库名,表前缀等)$ CFG _ dbhost=' localhost $ cfg _ dbuser=' root $ CFG _ dbpwd=' root $ CFG _ dbname=' Ajax demo 1 $ CFG _ dbprefix=$ link=MySQL _ connect($ CFG _ db host,$ CFG _ dbuser,$ CFG _ dbpwd);MySQL _ select _ db($ CFG _ db name);MySQL _ query(' set name utf8 ');2.处理请求:deal.php,代码如下:
?服务器端编程语言(Professional Hypertext Preprocessor的缩写)标题('内容类型:文本/html;charset=utf-8 ');包括“配置。PHP”;//帖子接收数据,只是演示效果,这里就省去验证了$ name=$ _ POST[' name '];$ content=$ _ POST[' content '];$sql='插入测试(名称,内容)值(“{$name}”、“{ $ content }”);”;$res=mysql_query($sql,$ link);if($ RES){ echo ' { name ' : ' ' .$name ."内容":""。$内容.“状态”:“1”} }?3.首页代码:index.php,代码如下:
!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。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 '类型=' text/CSS ' rel='样式表/style type=' text/CSS ' body { color : # 555;font-size :14 px划水:0;margin :0 } # form { background : # deddedpadd :10 px 20px宽度width :300 px } # show { background : # f6f 6;padding:10px 20px宽度width :300 px } # show p { margin 33606 pxfont-size :13 px;线高:22 px边框-底部:1px虚线# cdcdcd}/style脚本类型=' text/JavaScript ' src=' http : jquery-1。7 .2 .量滴js '/script脚本类型=' text/JavaScript ' $(function(){ $(' # sub ')).单击(函数(){ //只是说明原理,然后这里省去了验证文本框内容的步骤,直接发送创建交互式、快速动态网页应用的网页开发技术请求$.post('deal.php ',{name : $('#name ')).val(),内容: $('#content ').val()},函数(数据){ if(数据。状态){ var str=' PS trong '数据。名称/strong发表了:“数据。内容/p;$('#show ').前置(字符串);//在前面追加}else{ alert('评论失败');} },' JSON ');});});/script/head body div id=' form ' form action=' deal。PHP ' method=' get ' id=' advice _ form '用户名:输入类型=' text ' name=' name ' id=' name '/br/内容:文本区域名称=' content ' id=' content '/文本区域输入类型='按钮'值='发布id=' sub '/form/div div id=' show '?服务器端编程语言(Professional Hypertext Preprocessor的缩写)包含配置。PHP ';$sql="从测试中选择*;";$res=mysql_query($sql,$ link);while($ row=MySQL _ fetch _ array($ RES)){ echo ' PS trong ' .$row['name']./strong发表了:'.$row['content']./p ';} ?/div /body /html数据库文件,代码如下:
如果存在"测试",则删除表格;CREATE TABLE ` test `(` id ' int(10)无符号NOT NULL AUTO_INCREMENT,` name ' varchar(64)NOT NULL,` content` text NOT NULL,PRIMARY KEY(` id `))ENGINE=MyISAM DEFAULT CHARSET=utf8;以上就是为大家分享的php ajax实现无刷新的新闻留言系统,希望对大家的学习有所帮助。