php实现当前页面post,AJAX实现页面无刷新发表评论(post请求,服务器端使用php)...

搜索热词

接受评价的表单所在的页面代码:

index.PHP

index

function postCCInsert()

{

// 创建XMLHttpRequest对象

var xmlhttp;

if (parent_word.length==0 || c_etymology.length == 0)

{

return;

}

if (window.XMLHttpRequest)

{// IE7+,Firefox,Chrome,Opera,Safari

xmlhttp=new XMLHttpRequest();

}

else

{// IE6,IE5

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}

// 创建url,因为这个处理评价内容的PHP文件和这个接受评价的文件处在同一个文件夹,所以直接用文件名就行

var url = "comment.PHP";

//打开连接

xmlhttp.open("POST",url,true);

var username = document.getElementById("userid").value;

var comment = document.getElementById("commentid").value;

// 不同参数之间用&连接,"username="里的username和"&comment="里的comment必须和表单里对应的输入框

// 名称必须一致

var postStr ="username=" + username + "&comment=" + comment;

// 这个添加头的语句对post方法传递参数来说是必须的,不然的话会出错

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

// 传递参数

xmlhttp.send(postStr);

// 验证请求是否成功

xmlhttp.onreadystatechange=function()

{

if (xmlhttp.readyState==4 && xmlhttp.status==200)

{

// 把评价添加到网页所

document.getElementById("user_id").innerHTML=user_id;

document.getElementById("comment_id").innerHTML=comment_id;

}

}

}

网页文字

用户名:

评论:

运行这个文件的代码后出现下面图片中样子:

点击“提交”之后,就把评价的内容交给comment.PHP处理。comment.PHP仅仅把评价保存到数据库中,而且comment.PHP这个页面并不会弹出,只是在后台处理,依旧停留在index.PHP页面上。下面是comment.PHP的代码:

// 把数据存入数据库表中

$conn = MysqL_connect ( "localhost:3306","数据库用户名","数据库密码" );

if (! $conn) {

echo "Failed to connect";

}

MysqL_select_db ( "dictionary",$conn );

$username = $_POST["username"];

$comment = $_POST['comment'];

// 表就两列,一列保存的是用户名,另一列保存评价

$sql = "INSERT INTO tablename VALUES (\"$username\",\"$comment\")";

MysqL_query ( $sql );

MysqL_close ( $conn );

?>

总结

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现提交评论并自动刷新,可以通过以下步骤使用 AJAX: 1. 创建一个包含评论表单和显示评论的 HTML 页面。 2. 在页面中添加一个用于触发 AJAX 请求的提交按钮。 3. 使用 AJAX 发送评论数据到服务器。可以使用 jQuery 的 $.ajax() 函数来实现。具体来说,可以使用以下代码: ``` $.ajax({ type: "POST", url: "submit_comment.php", data: $("#comment_form").serialize(), success: function() { // 处理成功响应 }, error: function() { // 处理错误响应 } }); ``` 其中,submit_comment.php 是用于处理提交评论PHP 脚本,#comment_form 是包含评论表单的表单元素的 ID。 4. 在服务器端处理提交评论的逻辑,并将结果返回给客户端。例如,可以将提交的评论保存到数据库中。 5. 在 AJAX 请求成功后,使用 JavaScript 更新评论列表。例如,可以使用以下代码: ``` $.ajax({ type: "POST", url: "get_comments.php", success: function(data) { $("#comment_list").html(data); }, error: function() { // 处理错误响应 } }); ``` 其中,get_comments.php 是用于获取评论列表的 PHP 脚本,#comment_list 是显示评论的元素的 ID。 6. 将以上步骤封装到一个函数中,并在页面加载时调用该函数。同时,可以使用 setInterval() 函数定时调用该函数,以实现自动刷新评论列表的效果。例如,可以使用以下代码: ``` function refreshComments() { $.ajax({ // 发送评论数据到服务器 }).done(function(){ // 更新评论列表 }); } $(document).ready(function() { // 页面加载时刷新评论列表 refreshComments(); // 每隔 10 秒钟自动刷新评论列表 setInterval(refreshComments, 10000); }); ``` 这样就可以实现提交评论并自动刷新的效果了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值