php ajax 无刷新改变文本框的字并设置时间关闭

<style>
#overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);display:none;}
#win{display:none;}
</style> 

<script>
function getByid(id){
  var byid= document.getElementById('byid_'+id).value;   
  $.ajax({
   type: "get",
   url: "products.php?action=updateByid&byid="+byid+"&id="+id,
   success: function(msg){
       if(msg==1){
     $("#win").css('display','block');
     setTimeout('yc()',2000);
    }
   }
  });
}
function yc(){
 $("#win").hide();
}

</script>

<body><div id="overlay"></div>
<div id="win" style="position:absolute;top:30%;left:30%;width:100px;height:30px;background:#fff;border:2px solid #416075;margin:-102px 0 0 -202px;"><b>修改成功</b></div>

<input name="byid_<?php echo $value['id'];?>" type="text" value="<?php echo $value['byid'];?>" size="3"  οnchange="return getByid(<?php echo $value['id'];?>)"/>

</body>

//方式

if(!empty($_GET['action']) and $_GET['action'] == 'updateByid')
{
          $data = array(
    'byid' => $_GET['byid']
   );
   $returnid = $db->update('ew_product',$data,"id=".intval($_GET['id']));
   if($returnid>0){
   echo 1;
   }else{
   echo 0;
   }
}

  • 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、付费专栏及课程。

余额充值