开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在Ajax中成功提交评论后重新加载或刷新页面

，可以通过以下步骤实现：

在前端页面中，使用Ajax技术发送评论请求到后端服务器。可以使用JavaScript的XMLHttpRequest对象或者jQuery的$.ajax()方法来发送异步请求。
在后端服务器接收到评论请求后，处理评论逻辑，并将评论保存到数据库中。
在后端服务器返回响应时，可以返回一个成功的状态码或者其他标识，以便前端页面知道评论提交成功。
在前端页面的Ajax请求的回调函数中，根据返回的成功标识，执行重新加载或刷新页面的操作。
- 如果使用原生JavaScript，可以使用location.reload()方法重新加载整个页面。
- 如果使用jQuery，可以使用location.reload()方法或者$.ajax()方法的success回调函数中使用location.reload()方法来重新加载页面。

重新加载或刷新页面的优势是可以及时显示最新的评论内容，提升用户体验。

应用场景：

在社交媒体或博客网站中，用户提交评论后，可以通过重新加载页面来展示最新的评论内容。
在电子商务网站中，用户提交评价或评论后，可以通过重新加载页面来展示最新的评价或评论内容。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云服务器（CVM）：提供可靠、安全、高性能的云服务器实例，用于部署和运行应用程序。详情请参考：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务，用于存储评论等数据。详情请参考：https://cloud.tencent.com/product/cdb_mysql
腾讯云CDN：提供全球加速服务，加速页面加载速度，提升用户体验。详情请参考：https://cloud.tencent.com/product/cdn

相关搜索:ajax jQuery在浏览器页面刷新时自动重新加载数据 Cakephp 3.6.14:使用新内容在ajax表单提交后重新加载BootstrapTable内容为什么我的页面在发表评论后没有重新加载视图？使用ajax刷新django中的页面而不重新加载吗？在Emberjs中成功调用ajax后，如何加载ember模型？在jQuery Ajax ` Success :`后显示成功消息并重新加载在php中无需刷新整个页面即可重新加载表在不刷新页面的情况下在AJAX内重新加载DATATABLE成功在表单上单击提交后如何刷新/重新访问页面？在表单提交后多次尝试重新加载页面

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

30分钟全面解析-图解AJAX原理

背景： 1.传统的Web网站，提交表单，需要重新加载整个页面。 2.如果服务器长时间未能返回Response，则客户端将会无响应，用户体验很差。...3.服务端返回Response后，浏览器需要加载整个页面，对浏览器的负担也是很大的。 4.浏览器提交表单后，发送的数据量大，造成网络的性能问题。问题： 1.如何改进？ 2.AJAX是什么？...一、什么是 AJAX 1.为什么需要AJAX 当需要从服务器获取数据，并刷新页面的操作，如果不采用AJAX，则需要用提交整个表单的方式，当提交表单时，发送请求给服务器，页面需要等待服务器发送完response...4.可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 3.什么叫异步当前页面发送一个请求给服务器，当前页面不需要等待服务器响应才能操作网页。发送完请求之后，当前页面可以继续浏览，操作。...> 六、优势 1.使用异步方式与服务器通信，页面不需要重新加载，页面无刷新 2.按需取数据，减少服务器的负担 3.使得Web应用程序更为迅捷地响应用户交互 4.AJAX基于标准化的并被广泛支持的技术，不需要下载浏览器插件或者小程序

3.2K12 1

Speed丨如何快速给网站添加Pjax？

Pjax是一种很多网站( facebook, twitter)都支持的浏览方式，当你点击一个站内链接的时候，不是做页面跳转，而是只是站内页面刷新。...设置后的这些网站的ajax刷新是支持浏览器历史的，刷新页面的同时，浏览器地址栏位上面的地址也是会更改，用浏览器的回退功能也能够回退到上一个页面。Pjax是可以增加访客打分的好功能。...绑定本页面非新窗口打开的所有本域链接，链接点击后，替换contentleft容器内容为新内容contentleft，ajax超时时间8秒 $(document).pjax('a...问题比如：pjax之后多说评论框不加载，ajax评论不能提交等等问题。问题原因：原先容器绑定的事件被新容器替换掉了，新容器的div没有绑定事件，所以点击无效。...解决方法：利用pjax的加载完成回调函数，重新绑定事件。

1.8K4 0

WordPress评论ajax动态加载，解决静态缓存下评论不更新问题

其中为了解决用户无法看到最新回复的问题，我也想了多个办法，比如成功提交评论就会删除该页缓存、右下角集成清理缓存按钮等。...②、Ajax 评论请求代码 /* 将函数放置到ready里面，页面加载后自动执行 */ jQuery(document).ready(function...二、手动动态刷新评论这个方法灵感源自网络上流行的评论分页 Ajax 加载：点击评论的下一页，不会刷新整个页面，而是通过 ajax 拉取被点击那个分页的全部内容，然后找到评论部分并加载。...，将触发 ajax 函数，先隐藏当前分页的所有评论，然后 ajax 拉取第 99 页的内容，然后将评论部分加载出来，实现不刷新页面来加载评论。...确实，实现 ajax 评论分页后，我点到其他评论分页，然后再点回来，确实可以实现评论刷新，但是却用了 2 次点击！

2.3K6 0

java中的jQuery与Ajax的应用，菜鸟教程

Ajax揭开了无刷新更新页面的新时代，并有代替系统的Web方式和通过隐藏的框架来进行异步提交的趋势，是Web开发应用的一个里程碑。...Ajax全称（Asynchronous JavaScript and XML），即异步JavaScript和XML。实现客户端异步请求操作，不刷新整个页面进行服务器通信，减少等待时间。...简单来说，Ajax就是异步通讯机制，实现局部刷新。...HTTP协议版本 200——成功 201——提示知道新文件的URL 300——请求的资源可在多处得到 301——删除请求数据 404——没有发现文件、查询或URl...语法： load( url [,data] [ ,callback]) url:请求HTML页面的URL地址 data:发送至服务器的数据 callback:请求完成时的回调函数，无论请求成功或失败

1.3K3 0

AJAX如何向服务器发送请求？

它通过在后台发送请求并异步地获取响应，实现了与服务器进行数据交互而不需要刷新整个页面。传统上，在Web应用程序中与服务器进行交互，需要通过提交表单或点击链接来触发页面跳转或刷新。...这样的方式会导致用户等待页面重新加载，并且无法提供流畅的用户体验。而AJAX技术使得可以在后台与服务器通信，获取服务器端的数据并更新页面的部分内容，而无需刷新整个页面。...AJAX的应用场景AJAX技术在Web开发中有广泛的应用场景，其中包括但不限于以下几种：动态加载内容：AJAX可以帮助我们在不刷新整个页面的情况下，动态加载和更新页面的部分内容。...例如，通过AJAX可以实现无需刷新页面即可加载最新的评论、动态更新数据等功能。表单提交与验证：在表单提交时，使用AJAX可以实现异步验证用户输入的数据，并在页面中实时反馈验证结果，提高用户体验。...无限滚动：当页面中包含大量数据时，可以使用AJAX实现无限滚动效果。通过监听滚动事件，当用户滚动到页面底部时，通过AJAX请求加载更多数据，并将其追加到页面中，从而实现流畅的数据展示。

3773 0

ajax异步提交数据到数据库

很多时候我们提交数据到服务器端数据库都是用form表单，这样子是最普通最简单提交数据的方法，你填写完表单后，post提交到后台文件.php，处理完后返回到指定页面，最后，页面就重新刷新了一遍，显示预想的页面...当然，这个逻辑操作没一点毛病，但有一点，那就是给用户不好的体验：重新刷新了页面。假如，用户没按要求输错了某个值，然后弹出一个框框告诉你“亲爱的，你刚刚花了半个小时注册的内容得重新输入了！！”...那什么是ajax呢？ Ajax 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。...映射或字符串值。规定连同请求发送到服务器的数据。 success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。 dataType 可选。...依次四个红框的解释为： 1、session和引入数据库连接文件（这里不扩展了，不会的下方评论，我教你php pdo扩展连接数据库） 2、获取从前端页面post过来的数据 3、mysql数据库操作语句和

4.5K4 0

【Python爬虫】如何爬取翻页url不变的网站

之前打算爬取一个图片资源网站，但是在翻页时发现它的url并没有改变，无法简单的通过request.get()访问其他页面。据搜索资料，了解到这些网站是通过ajax动态加载技术实现。...即可以在不重新加载整个网页的情况下，对网页的某部分进行更新。这样的设置无疑给初期爬虫新手制造了一些困难。 1、什么是ajax 几个常见的用到ajax的场景。...比如你在逛知乎，你没有刷新过网页，但是你却能看到你关注的用户或者话题有了新动态的消息提示。还比如，我们在看视频时，可以看到下面的评论没有完全全部加载出来，而是你向下拖动一点，它给你加载一点。...虽然名字中包含XML，但Ajax通讯与数据格式无关，所以我们的数据格式可以是XML或JSON等格式。...在页面已加载后从服务器请求数据在页面已加载后从服务器接收数据在后台向服务器发送数据 2、如何爬取ajax动态加载的网页这里用到的方法是通过分析响应请求，模拟响应参数。

5.1K1 0

Ajax详解

Ajax不是一门编程语言，指的是一种交互方式：客户端与服务器交换数据并更新在局部网页的技术，不需要重新加载整个页面。 Ajax的核心就是异步加载或者叫局部刷新。什么是局部刷新？...需求 1.点击提交按钮，向服务器发请求，等待响应。 2.同时在input框输入信息。 3.服务器返回"haha"字符串，将结果显示在页面。...传统方法会刷新整个页面：点击提交按钮后，正在input框输入内容时，服务器响应返回。会以重新加载整个页面的形式展示结果，同步加载，所以input框内输入的内容全部清空。 ?...Ajax局部刷新：点击提交按钮后，在input框输入内容，服务器响应返回，只动态刷新要展示结果的部分网页，并不会影响到input框的输入，结果展示和输入是同时在进行的，互不干扰，异步加载。 ?...客户端处理方式不同：传统：需等待服务器响应完成并重新加载整个页面后，用户才能进行操作。 Ajax：动态更新页面中的局部内容，不影响用户在页面的其他操作。

1K4 0

介绍几个常见的 AJAX 实例，帮助你更好地理解和运用 AJAX 技术

它通过在后台发送 HTTP 请求并异步获取响应，实现了无需刷新整个页面的数据交互。通过 AJAX，可以在不打断用户操作的情况下，在网页中更新部分内容，提高用户体验。...下面将介绍几个常见的 AJAX 实例，帮助你更好地理解和运用 AJAX 技术。AJAX 实例一：动态加载内容在网页中，经常需要动态加载内容，来避免加载整个页面或局部刷新的效果。...AJAX 实例二：表单提交使用 AJAX 技术，可以实现表单的异步提交，避免页面跳转或整个页面的刷新。这对于需要频繁提交表单数据的场景非常有用，如搜索框、评论框等。...AJAX 实例三：JSON 数据交互在现代的 Web 开发中，常常使用 JSON 格式进行数据交互。通过 AJAX 技术，可以实现与服务器端的 JSON 数据交互，并动态更新页面的内容。...然后，将帖子的标题和内容动态更新到 id 为 posts 的 div 元素中。总结本文介绍了三个常见的 AJAX 实例，展示了 AJAX 在动态加载内容、表单提交和 JSON 数据交互等场景下的应用。

3572 0

ThinkPHP5.1表单令牌Token失效问题的解决

前言 ThinkPHP出于安全的考虑增加了表单令牌Token，由于通过Ajax异步更新数据仅仅部分页面刷新数据，就导致了令牌Token不能得到更新，紧接着的第二次新建或更新数据（提交表单时）失败——不能通过令牌的验证...在网上搜寻了很多，有好几种方法；看完觉得有一个最好： Ajax异步动态请求创建新令牌并更新到本地主要思路：在每次发送表单结束后（不管成功与否）通过Ajax异步请求一个新的表单令牌并保存到表单隐藏域中...举例，下面的示例代码在提交后不管成功与否都申请了新的令牌。...加载页面的位置id * 使用方法：表单对象不用提交的任何设置，提交假按钮<a 设置onclick即可 * 注意： * 1....arguments[5] : "index"; // Ajax加载页面控制器中的方法 // 生成本页面的url用于更新后异步刷新 var MeURL = '/'+Modal+'/'+Controller

1.9K4 1

instantclick实现的全站无刷新

instantclick是一个预加载的js文件，就是能提前加载网页内容的东西，他有几种模式，第一种就是鼠标放在超链接上就开始预加载，第二种就是鼠标放上去xx毫秒后(时间可自定义)进行预加载，第三种就是鼠标点击后进行预加载...这里不着重讲instantclick的使用方法，建议去官网查阅搜索功能这样的非超链接怎么实现不刷新在香菇的点拨之下，我们强行将搜索功能表单模式变成了超链接，效果如下搜索功能.jpg 因为搜索结果地址一般为是站点地址加...ajax评论的js，自己改了改就用上了，然后在友人C的帮助下，修复了评论嵌套的问题，然后他又提出个问题如果你启用了评论分页功能，由于typecho显示最新评论总是在第一页，所以当用户不在第一页发出了母评论...，用户是看不到评论的，因为评论是在第一页最后我根据上边搜索功能的原理，用了几行代码修复了这个问题，最终ajax的评论js代码如下 function ajaxc() { var txt_1 =.../archives/691/ 注意本文中的所有代码都依靠jquery,且本文内容预加载模式只有选择第三种方法才能实现全站无刷新。

1K1 0

Ajax技术全解(3)

Ajax技术全解之三 Ajax适用场景 1.表单驱动的交互传统的表单提交，在文本框输入内容后，点击按钮，后台处理完毕后，页面刷新，再回头检查是否刷新结果正确。...使用Ajax，在点击sunmit按钮后，立刻进行异步处理，并在页面上快速显示了更新后的结果，这里没有整个页面刷新的问题。...如果在此案中应用Ajax后，结果就会有所改观：在初始化页面时我们只读出它的第一级的所有数据并显示，在用户操作一级菜单其中一项时，会通过Ajax向后台请求当前一级项目所属的二级子菜单的所有数据，如果再继续请求已经呈现的二级菜单中的一项时...Ajax不适用场景 1.部分简单的表单虽然表单提交可以从Ajax获取最大的益处，但一个简单的评论表单极少能从Ajax得到什么明显的改善。而一些较少用到的表单提交，Ajax则帮不上什么忙。...4.替换大量的文本使用Ajax可以实现页面的局部刷新，但是如果页面的每个部分都改变了，为什么不重新做一次服务器请求呢？ 5.对呈现的操纵 Ajax看起来像是一个纯粹的UI技术，但事实上它不是。

1.7K3 0

WordPress记住评论用户信息的js版本，直接操作cookie无视缓存

这两天一直在折腾博客的评论功能，原因是开启了百度云加速的 html 缓存，导致原有的记住评论者信息的功能失效了，每次刷新文章页面，用户信息都会清空。...于是就折腾了前几天的《博客文章重新启用评论，附一键填写评论中用户信息代码生成工具》一文，弄得好像是那么一回事。但是，还是没有从根本上解决问题啊！...现在，博客可以放心的开启前台整站 CDN 加速了，用户只要认真提交过一次评论，那么下次再来访问任意页面，将会自动填写评论用户信息。...现在，博客可以放心的开启前台整站 CDN 加速了，用户只要认真提交过一次评论，那么下次再来访问任意页面，将会自动填写评论用户信息。...comments-ajax.js 合并； ③、已记住的网站，如需修改更新用户信息，只需输入新的信息，重新提交一次即可刷新 cookie； ④、如果评论框中存在重置（id 为 reset）的按钮，那么只要点击重置就能清除已保存的用户信息

1.6K5 0

006： Django ajax请求

AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。...密码加密 Hash Md5 1、等长 2、定势 3、不可逆 4、微观变化大密码字典暴力破解 Wifi万能钥匙数字和字母 Ajax 介绍：提交的方式普通的请求，会携带整个页面提交...，页面刷新 1、冗余提交 2、用户体检 Ajax特殊提交 1、局部提交 2、不影响其他体验 Ajax技术基于js,前端 1、数据库已经存在 2、先编写前端的ajax代码 Jq 1...success:function (data) { //data 后台返回的数据 },//请求成功后执行函数 error:function (error) { //error 后台返回的错误数据...2、视图判断逻辑判断用户名是否存在存在给提交的密码进行加密然后比对密码如果密码相同登录成功跳转到首页不同登录页面跳转到登录页不存在用户名不存在跳转到你想跳的页面

1.7K1 0

emlog评论ajax提交的几种方法

然后我所幸就不在看他们的，然后本来想研究下FLY的，他的也是有一种规律并不怎么是ajax，第一下回复是无刷新，第二下回复就刷新了网页！...timeout: 6000 }) }); $(document).on('pjax:send', function () { //pjax链接点击后显示加载动画....css("display", "block"); }); $(document).on('pjax:complete', function () { //pjax链接加载完成后隐藏加载动画...; break; case "13": alert("评论发表成功！")...4、关于重复提交问题答：因为原版js没有加同步操作，所以只需要在ajax操作中加入async:false同步操作即可，本文已加上面就是小杰在替换ajax评论提交时遇到的一些复杂问题。

9161 0

WordPress评论滑动拉链解锁myQaptcha修改为自动提交的方法

不过还是有很多朋友眼馋张戈目前在用的滑动后自动提交评论的方案，各种留言求分享。...②、ajax 代码可以看出来，张戈博客这个滑动自动提交和 Ajax 评论提交是绝配。如果你博客的评论不是 ajax 模式（即点击提交评论页面会刷新），那么 ajax 代码这一步就不用做啦！...目的是为了滑动模块后，不管是评论提交成功还是失败，模块都应该恢复到未拉动的状态，以备再次评论！总不能滑动评论一次就不能评论了吧？...很明显，也就新增了 2 行 JS 代码，作用就是为了在 aja 评论成功或失败后，复原滑动模块，让滑动模块可以再次使用！...另外，张戈也在下载包里提供了自用 comments-ajax.js，不会修改的可以参考或直接替换即可。

1.4K5 0

前端-Ajax的全面总结

通俗的理解的话就是，如果没有Ajax技术，改变网页的一小部分（哪怕是一行文字、一张图片）都需要重新加载一次整个页面，而有了Ajax之后，就可以实现在网页不跳转不刷新的情况下，在网页后台提交数据，部分更新页面内容...二.Ajax的原生写法 1.XMLHttpRequest对象 XMLHttpRequest 对象用于在后台与服务器交换数据，能够在不重新加载页面的情况下更新网页，在页面已加载后从服务器请求数据，在页面已加载后从服务器接收数据...$.ajax({ type: //数据的提交方式：get和post url: //请求地址 async: //是否支持异步刷新，默认是true...但是success和complete容易混淆，在这里特别做一个说明： success:请求成功后回调函数。 complete:请求完成后回调函数 (请求成功或失败时均调用)。...的优缺点 1.优点：（1）页面无刷新，在页面内与服务器通信，减少用户等待时间，增强了用户体验。

2.1K3 0

WordPress主题Siren二开美化版

集成 Live2D 看板娘，支持刷新换装加深文章内容文字颜色和增大字体，阅读不费眼了收窄 PC 端正文显示区域的最大宽度和评论列表的最大宽度简化评论 UA 信息，显示效果修改为划过评论才显示评论者的连接添加了页面跳转...现有问题某些屏蔽邮件发送的主机可能会导致评论后 AJAX 刷新严重超时的问题。某些主机上使用主题会导致个别界面错位。...更新日志 2018.01.08 修复某些浏览器点击回复别人的评论时，页面滑动错误；点击回复不再需要下拉页面找输入框了修复发布版本 Live2D 无法启动的问题 2018.01.09 修正友链模板中默认头像的图片路径...微信推送添加图片放大功能，在文章页设置中开启修正卡片式风格在没有正文内容时的显示效果 2018.03.21 尝试修复评论表情框在某些主机无法加载的问题 2018.04.07 新增一个 “高斯模糊...修复评论中贴出代码时，翻页评论时 Prism 代码高亮失效的问题 2018.06.08 更改友链页面代码，按照链接分类显示，支持自定义分类名称了友链页面新增一个“瀑布流”样式，在主题“其它”设置中可以找到并更改

3.9K3 0

Django使用JQuery实现Ajax请求

AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。也就是在不重新加载整个页面的情况下，浏览器可以与服务器交换数据并更新部分网页内容，大大提升用户的体验。...例如在百度输入框中输入一个关键字，会通过ajax请求数据返回内容；新浪微博的点赞等都用到了Ajax技术。...Ajax通常用于要连接数据库的地方，但是连接数据库传输的信息量又很少，用不着刷新整个页面，这种类型的适合用ajax，避免了刷新整个页面带来的资源浪费。 Ajax工作原理： ?...一，在html页面中引入js文件：二，在html页面中编写需要局部刷新的...，当点击AJAX提交按钮的时候，会执行ajax请求，访问url url:"/ajax_text/" 并将输入的关键字传给blogtitle，到后台访问数据库；当ajax引擎拿到返回的数据后，会将得到的文本数据赋值给

3.3K2 0

免费开源的WordPress主题模板 - Puock

更新迭代 1.5及以下版本升级至1.6+配置不兼容处理方法：因为在1.6版本中将配置字段更改为了puock_options，所以会导致配置读取不到，用户可以重新进行配置或恢复配置，恢复配置SQL（执行前请先备份数据库...wp_options` SET `option_name` = 'puock_options' WHERE `option_name` = 'optionsframework' 主题特性支持白天与暗黑模式全局无刷新加载... 支持博客与CMS布局内置WP优化策略一键全站变灰网页压缩成一行后台防恶意登录内置出色的SEO功能评论Ajax加载文章点赞、打赏支持Twemoji集成支持QQ登录... 丰富的广告位丰富的小工具自动百度链接提交众多页面模板支持评论可见支持密码可见支持Dplayer播放器简约快捷的后台配置更多功能，等你的提议文档主题使用文档：立即使用...建议或BUG反馈：立即进入若您有任何建议或BUG发现，并且您也有解决或实现的思路，欢迎直接提交PR

2.2K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭