广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >Ajax实现评论提交功能
  • 550
分享到

Ajax实现评论提交功能

2024-04-02 19:04:59 550人浏览 薄情痞子
摘要

本篇内容介绍了“ajax实现评论提交功能”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!代码如下: docu

本篇内容介绍了“ajax实现评论提交功能”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

代码如下:


document.write('<DIV id="loadingg"  ><br/><font color="#FF6600"><strong>数据正在读取中,请等候...</strong></font><br/><img src="images/loading.gif"/></DIV>') 
function showloading()  
{ 
var obj=document.getElementById("loadingg") 
if (obj.style.display!="") 
{ 
obj.style.left=((document.documentElement.clientWidth-parseFloat (obj.style.width))/2)+document.documentElement.scrollLeft+"px"; 
obj.style.top=((document.documentElement.clientHeight-parseFloat (obj.style.height))/2)+document.documentElement.scrollTop+"px"; 
obj.style.display=""; 
}else{obj.style.display="none";} 
} 
function $(id) 
{    return document.getElementById(id);    } 
function echo(obj,html){    $(obj).innerHTML=html;} 
function fopen(obj){$(obj).style.display="";} 
function fclose(obj){$(obj).style.display="none";} 
function createxmlHttp(){ 
    var xmlhttp=false; 
    try    { 
          xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); 
     }  
    catch (e) { 
          try { 
               xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
          }  
        catch (e) { 
               xmlhttp = false; 
         } 
     } 
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') { 
          xmlhttp = new XMLHttpRequest(); 
                if (xmlhttp.overrideMimeType) {//设置MiME类别 
            xmlhttp.overrideMimeType('text/xml'); 
        } 
    }     
    return xmlhttp;     
} 
function getdata(url,obj1,obj2) 
{        var xmlhttp=createxmlhttp(); 
        if(!xmlhttp) 
        {alert("你的浏览器不支持XMLHTTP!!"); 
            return; 
        } 
        showloading()  
        xmlhttp.onreadystatechange=requestdata; 
        xmlhttp.open("GET",url,true); 
        xmlhttp.send(null); 
        function requestdata() 
        {        fopen(obj1); 
                //echo(obj1,"正在加载数据,请稍等......"); 
                //alert(xmlhttp.readyState) 
                if(xmlhttp.readyState==4) 
                {    if(xmlhttp.status==200) 
                    {    if(obj1!=obj2){fclose(obj1);}; 
                        echo(obj2,xmlhttp.responseText); 
                        showloading()  
                    } 
                }             
        } 
} 
function postdata(url,obj,data) 
{       var rnd=Math.random() 
        var xmlhttp=createxmlhttp(); 
        if(!xmlhttp) 
        { 
            alert("你的浏览器不支持XMLHTTP!!"); 
            return; 
        } 
        showloading()  
        xmlhttp.open("POST", url, true); 
        xmlhttp.onreadystatechange=requestdata; 
        xmlhttp.setRequestHeader("Content-Type","application/x-www-fORM-urlencoded"); 
        xmlhttp.send(data); 
        function requestdata() 
        {    fopen(obj); 
            echo(obj,"正在提交数据,请稍等......"); 
            if(xmlhttp.readyState==4) 
            {    if(xmlhttp.status==200) 
                { 
                    echo(obj,xmlhttp.responseText); 
                    reget(rnd); 
                    setTimeout("echo('showresult','')",2000); 
                    echo('Message','') 
                    showloading()  
                } 
            } 
        } 
} 
function lTrim(str) 
{ 
  if (str.charAt(0) == " ") 
  { 
    //如果字串左边第一个字符为空格 
    str = str.slice(1);//将空格从字串中去掉 
    //这一句也可改成 str = str.substring(1, str.length); 
    str = lTrim(str);    //递归调用 
  } 
  return str; 
} 
//去掉字串右边的空格 
function rTrim(str) 
{ 
  var iLength; 
  iLength = str.length; 
  if (str.charAt(iLength - 1) == " ") 
  { 
    //如果字串右边第一个字符为空格 
    str = str.slice(0, iLength - 1);//将空格从字串中去掉 
    //这一句也可改成 str = str.substring(0, iLength - 1); 
    str = rTrim(str);    //递归调用 
  } 
  return str; 
} 
//去掉字串两边的空格 
function trim(str) 
{ 
  return lTrim(rTrim(str)); 
} 
function f(obj) 
{ 
    return trim(eval("document.ajax_post."+obj+".value")); 
    //return trim($(obj).value); 
} 
function SaveReply() 
{    if(f("username")=="") 
    {    alert("请填写用户名"); 
        return false; 
    } 
    if(f("Message")=="") 
    {    alert("内容不可為空"); 
        return false; 
    } 
    var validate,passWord,log_DisKey=0,log_DisURL=0,log_DiSSM=0 
    validate="" 
    password="" 
    if(document.ajax_post.log_DisKey.checked){ 
        log_DisKey=f("log_DisKey") 
        } 
    if(document.ajax_post.log_DisURL.checked){ 
        log_DisURL=f("log_DisURL") 
        } 
    if(document.ajax_post.log_DisSM.checked){ 
        log_DisSM=f("log_DisSM") 
        } 
    if((typeof eval(document.ajax_post.validate))!="undefined"){ 
        if(f("validate")=="") 
        {    alert("请填写验证码"); 
            return false; 
        }else{ 
            validate=f("validate"); 
        } 
    }     
    if((typeof eval(document.ajax_post.password))!="undefined"){ 
        password=f("password"); 
    } 
    data="username="+escape(f("username"))+"&password="+escape(password)+"&validate="+escape(validate)+"&log_DisSM="+escape(log_DisSM)+"&log_DisURL="+escape(log_DisURL)+"&log_DisKey="+escape(log_DisKey)+"&Message="+escape(f("Message"))+"&logID="+escape(f("logID"))+"&action="+escape(f("action")); 
    //alert(data); 
    postdata("wbc_bloGComm.asp","showresult",data); 
    return true; 
}

“Ajax实现评论提交功能”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

--结束END--

本文标题: Ajax实现评论提交功能

本文链接: https://www.lsjlt.com/news/70683.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Ajax实现评论提交功能
    本篇内容介绍了“Ajax实现评论提交功能”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!代码如下: docu...
    99+
    2022-10-19
  • django如何实现ajax提交评论并自动刷新功能
    这篇文章将为大家详细讲解有关django如何实现ajax提交评论并自动刷新功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。js代码:<script> &nb...
    99+
    2022-10-19
  • wordpress 为主题添加AJAX提交评论功能的php代码
    首先需要在主题的function.php文件里添加一段函数: 复制代码代码如下: < php function fail($s) { header('HTTP/1.0 500 Internal Server Err...
    99+
    2022-06-12
    AJAX 提交评论
  • ajax实现发表和读取评论功能
    这篇文章主要介绍“ajax实现发表和读取评论功能”,在日常操作中,相信很多人在ajax实现发表和读取评论功能问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”ajax实现发表和读...
    99+
    2022-10-19
  • ajax如何实现无刷新评论功能
    小编给大家分享一下ajax如何实现无刷新评论功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!这是留言板的界面,当用户点击提交留...
    99+
    2022-10-19
  • 怎么用ASP+Ajax实现无刷新评论功能
    本篇内容介绍了“怎么用ASP+Ajax实现无刷新评论功能”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!&l...
    99+
    2022-10-19
  • vue实现发表评论功能
    本文实例为大家分享了vue实现发表评论的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html>     <head>  ...
    99+
    2022-11-13
  • php怎么实现评论功能
    要实现评论功能,可以使用数据库来存储评论内容,并使用PHP来处理用户的评论请求。首先,你需要创建一个数据库表来存储评论数据。可以创建...
    99+
    2023-08-11
    php
  • VUE+Java实现评论回复功能
    背景 最近需要做一个多级评论的功能,技术路线:VUE(Element)+Java(SpringBoot) 效果 后台 SQL Java Controller  @GetMapp...
    99+
    2022-11-13
  • Android评论功能的实现过程
    目前,各种App的社区或者用户晒照片、发说说的地方,都提供了评论功能,为了更好地学习,自己把这个功能实现了一下,做了个小的Demo。 首先推荐一款实用的插件LayoutCre...
    99+
    2022-06-06
    Android
  • Vue组件实现评论区功能
    本文实例为大家分享了Vue组件实现评论区的具体代码,供大家参考,具体内容如下 实现代码 <!DOCTYPE html> <html lang="en"> &...
    99+
    2022-11-13
  • 如何用vuejs实现评论功能
    这篇文章主要介绍“如何用vuejs实现评论功能”,在日常操作中,相信很多人在如何用vuejs实现评论功能问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何用vuejs实现评论功能”的疑惑有所帮助!接下来,请跟...
    99+
    2023-06-25
  • WordPress实现评论提交后跳转的方法
    很多采用WordPress程序搭建的博客都相当重视与读者之间的互动,以评论为例,为了提高读者的体验质量,有的博主会专门给评论者提供一个“感谢”的页面,也就是说,评论者发表评论后即被重定向到这个指定...
    99+
    2022-06-12
    WordPress 评论 跳转 方法
  • JavaScript如何实现评论点赞功能
    这篇文章主要为大家展示了“JavaScript如何实现评论点赞功能”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript如何实现评论点赞功能”这篇文...
    99+
    2022-10-19
  • vue组件实现发表评论功能
    本文实例为大家分享了vue组件实现发表评论的具体代码,供大家参考,具体内容如下 今天看了vue相关的视频,所以跟着做一个小demo把知识串联起来,内容很简单但是也算是学习道路上的一点...
    99+
    2022-11-13
  • vue怎么实现发表评论功能
    今天小编给大家分享一下vue怎么实现发表评论功能的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。具体代码如下:<!DOC...
    99+
    2023-06-30
  • Vue如何实现发表评论功能
    这篇文章主要为大家展示了“Vue如何实现发表评论功能”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Vue如何实现发表评论功能”这篇文章吧。具体内容如下这是我在学习中的实例,有些的不足的地方,还望...
    99+
    2023-06-25
  • Java单表实现评论回复功能
    Java单表实现评论回复功能 1.简介2.功能实现图3.数据库设计4.实体类5.实现思路6.功能实现6.1 Sql入手6.2 业务实现 7.前端实现8.最终成果 1.简介 最近在写...
    99+
    2023-08-31
    java
  • java怎么实现评论和回复功能
    这篇文章主要介绍了java怎么实现评论和回复功能的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇java怎么实现评论和回复功能文章都会有所收获,下面我们一起来看看吧。效果展示总共是两层回复 (回复评论、回复评论下...
    99+
    2023-07-02
  • Python Django使用forms来实现评论功能
    貌似Django从版本1.6开始就放弃了对自带的comments的使用,具体原因未查,但是现在使用Django的内部的模块也可以实现评论功能,那就是借助于forms模块,下面是我的一个小例子。 环境准备 ...
    99+
    2022-06-04
    来实现 功能 Python
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作