首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

订阅http get调用-为什么我需要刷新我的前端页面来获取修改后的数据?

订阅HTTP GET调用是一种客户端向服务器发送GET请求并获取数据的方式。在这种情况下,为什么需要刷新前端页面来获取修改后的数据呢?

这是因为HTTP是一种无状态协议,服务器在响应客户端请求后,不会主动推送数据给客户端。因此,当数据在服务器端发生变化时,客户端需要主动向服务器发送请求来获取最新的数据。

在前端页面中,通常会使用AJAX技术来实现异步请求数据的功能。通过使用AJAX,可以在不刷新整个页面的情况下,向服务器发送请求并更新页面的部分内容。但是,即使使用了AJAX,仍然需要在适当的时机手动触发请求,以获取最新的数据。

另外,为了提高性能和减少网络带宽的消耗,服务器通常会使用缓存机制来缓存响应结果。这意味着即使数据在服务器端已经发生了变化,但是由于缓存的存在,客户端可能仍然获取到旧的数据。因此,为了获取最新的数据,需要刷新前端页面来绕过缓存,向服务器发送新的请求。

总结起来,需要刷新前端页面来获取修改后的数据是因为HTTP是无状态协议,服务器不会主动推送数据给客户端,而且为了绕过缓存获取最新的数据,需要手动触发请求。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

从开发一款基于Vue技术栈全栈热重载生产环境脚手架,学到了什么?

先拆分解释下:全栈意思是支持前后端;热重载这个名词相信大家很熟悉,就是页面每次改动,不需要手动去刷新,可自动刷新;生产环境这里你可以理解成线上环境,用户使用环境。...缘起 为什么会想到开发这样一款项目呢?我们平时可能更多地使用VueCLI或者Vite开发Vue项目,但是如果就单纯开发一个简单网页,未免有点小题大作了。...这里,我们主要使用它创建几个API接口,供前台调用。body-parser是在处理程序之前在中间件中解析传入请求体,可以在request.body中获取从前台传来数据。...在找它之前,也找到其他可以实现自动刷新浏览器插件,如:LiveReload,它也可以自动刷新页面,实时预览html效果。但是,为什么没用LiveReload呢?...这里需要注意是,如果是修改了服务端js文件,会先通过nodemon重启应用,这时浏览器不会刷新,要再保存一下修改文件,browser-sync才会显示出修改后效果。

60520

耽误你十分钟,让MVVM原理还给你

时间在嘀嗒嘀嗒走着 既然来了就继续看看吧 这篇文章其实没有什么鸟用,只不过对于现在前端面试而言,已经是一个被问烦了考点了 既然是考点,那么就想简简单单来给大家划一下重点 众所周知当下是MVVM...$el.appendChild(fragment); // 再将文档碎片放入el中 } 看到这里在面试中已经可以初露锋芒了,那就一鼓作气,做事做全套,来个一条龙 现在数据已经可以编译了,但是我们手动修改后数据并没有在页面上发生改变...现在我们要订阅一个事件,当数据改变需要重新刷新视图,这就需要在replace替换逻辑里来处理 通过new Watcher把数据订阅一下,数据一变就执行改变内容操作 function replace...this.a.b,默认就会调用get方法 + }); + Dep.target = null; } 当获取时候就会自动调用get方法,于是我们去找一下数据劫持那里get方法 function...如:sum() {return this.a + this.b;},他们获取a和b值就会调用get方法 // 所以不需要new Watcher去监听变化了

1.1K30
  • 前端Vue框架面试题大全

    它是Model for View 为什么会出现MVVM 前端开发中暴露出了三个痛点问题: 开发者在代码中大量调用相同 DOM API,处理繁琐 ,操作冗余,使得代码难以维护。...不需要关注数据状态同步问题,复杂数据状态维护完全由 MVVM 统一管理。...他们思想是每次更新 dom 都尽量避免刷新整个页面,而是有针对性刷新那被更改一部分 ,释放掉被无效渲染占用 gpu,cup 性能。...,所以在获取时候,我会调用get 方法; 在这之前,有实例化一个 dep 队列,把每次获取 name 属性地方,做一个 push ; 当我接下来要做数据修改时候,比如把 zhangsan...$store.state.属性 调用公共状态中state,进行页面的渲染。     3、当组件需要修改数据时候,必须遵循单向数据流。

    1.9K60

    小程序如何使用订阅消息(PHP代码+小程序js代码)

    前景 本次开发时又再次用到,结合之前摸爬滚打的经验,给大家整理下,做到一文就能让你明白[什么是订阅消息?]、[如何使用订阅消息]、[开发订阅消息],还在等什么?小程序学习订阅本专栏不香嘛?!...简明扼要来说,就是用户授权一次可以获取一次消息,开发者不可以一直推送消息打扰用户 订阅消息格式 订阅消息是不可以随便发送需要对应到格式,包括字数长度等等,可以看这个,这是一个签到模板 看下他详情...都由字数规范,防止推送垃圾消息,引流之类 运行基本流程 前端通过组件接口用户进行授权,后端通过定时触发,将模板消息触发 可以通过宝塔定时计划进行触发,用到各种鉴权,我们通过redis存储...> 下载redis服务,记得开放6379端口 ---- 新建access_token.php文件 通过定时任务对access_token存储,在快过期时调用更新,这里说一次为啥不调用一次刷新一次...存储至少要保留 512 个字符空间; access_token 有效期目前为 2 个小时,需定时刷新,重复获取将导致上次获取 access_token 失效; 建议开发者使用中控服务器统一获取刷新

    67831

    微信公众号开发基本流程

    (重难点) (1)先明确为什么需要网页授权?...我们前期开发测试只需要注册个人订阅号即可,真正开发使用是开发者工具里测试号,具体下面会说。 真正生产的话,使用都是经过微信认证订阅号、服务号、企业号。...别高兴太早,这种通过消息交互获取用户信息方式,用户占主动地位,我们项目后端服务被动接受,那么如果有个基本需求:想在自定义菜单 – 对应我们网站前端页面上展示微信用户基本信息,能做到吗?...你如何把后台接收到消息和前端用户关联绑定? 可见,这种被动方式并不能实现该功能,我们需要主动出击,在前端就能获取到当前操作用户openid!...,然后前端获取code参数调用后端获取openid接口,将获取openid缓存到客户端,以便后面使用。

    3.1K31

    前端vue面试题2021_vue框架面试题

    叫XXX,来自XXX,很荣幸能来我们公司面试,从事前端开发有3年了,目前掌握技术有html,css,js,ajax,vue,小程序,参与过各种类型项目。...ID 可能是code,然后前端进行数据改动,然后通过后台提供相关接口,把数据作为参数传递,当后台拿到我数据后往数据库中修改这个标识相对应数据,然后将修改后数据响应给我们,之后再进行渲染 查:不要参数..., 不需要传递任何参数,直接调用接口获取所有数据 需要参数,首先第一点我们需要获取需要查询关键字然后通过后台提供相关接口,把这些关键字作为参数传递,当后台拿到这个关键字把相对应数据响应给我们,...,是无法绑定事件,这个时候需要事件委派) 给父元素绑定事件,通过捕获过程获取事件,并通过etarget获取目标元素 13.cookie/localstorage/session区别(重要) localstorage...(必背) 作用一(基本用法):本页面获取dom元素 作用二:获取子组件中data 作用三:调用子组件中方法 作用四:子组件调用父组件方法 37.ES6新特性有哪些?

    1.9K40

    【实战】Next.js + 云函数开发一个面试刷题网站

    后, 为 http 方式调用 } 云函数入参 使用 HTTP 访问云函数时,HTTP 请求会被转化为特殊结构体,称之为集成请求,结构如下: { path: 'HTTP请求路径,如 /hello...) } // 每次页面刷新都会执行这个方法 export async function getServerSideProps() { // 从云函数请求数据 const res =...ssr 渲染方式需要在 2 个 Region 之间请求数据,相对来说请求速度较慢。...这个网站也开源了,包含一些前端常用工具,还可以在线刷面试题。...前端工具箱 GitHub 代码 以上就是本文全部内容,希望这篇文章对大家有所帮助,也可以参考往期文章或者在评论区交流你想法和心得,欢迎一起探索前端

    4.9K30

    webpack 热更新(HMR)实现原理

    (js)和一个(或多个)updated chunk(js),将结果存储在内存文件系统中,通过websocket通信机制将重新打包模块发送到浏览器端,浏览器动态获取模块补丁替换旧模块,浏览器不需要刷新页面就可以实现应用更新...webpack 相比location.reload() 更新方式,不需要刷新页面,可以保存应用的当前状态 HMR相关中间件 webpack-dev-middleware 本质上是一个容器,将webpack...在webpack第一次打包时候,除了代码本身之外,还包含一部分HMRruntime订阅服务代码,HMRruntime 订阅服务端更新变化,触发HMR runtime API拉取最新资源模块。...http服务,底层利用websocket代替EventSource实现了webpack-hot-middleware提供客户端和服务器之间通信机制。...,源文件被修改后,浏览器自动更新是什么原理?

    3.2K20

    前端面试分享】-2019“银十”面试题记录

    ) 组成 一个外壳页面和多个页面片段组成 多个完整页面构成 资源共用(css,js) 共用,只需在外壳部分加载 不共用,每个页面需要加载 刷新方式 页面局部刷新或更改 整页刷新 url 模式 a.com...这里是典型发布订阅模式,在这个模式下:数据是发布者(Observer),依赖对象是订阅者(Watcher),他们需要一个中间人传递,那就是订阅器(Dep)。...总结:实现数据双向绑定,首先要对数据进行劫持监听,所以我们需要设置一个监听器Observer,用来监听所有属性。如果属性发生变化了,就需要告诉订阅者Watcher看是否需要更新。...因为订阅者Watcher是有很多个,所以我们需要有一个消息订阅器Dep专门收集这些订阅者,然后在监听器Observer和订阅者Watcher之间进行统一管理。...$nextTick $nextTick 是在下次 DOM 更新循环结束之后执行延迟回调用,在修改数据之后使用nextTick,则可以在回调中获取更新后 怎么理解:看下面这个例子就豁然开朗 DOM

    10510

    ajax面试题及答案_javase面试题

    文本已收录至GitHub仓库,欢迎Star:https://github.com/ZhongFuCheng3y/3y AJAX常见面试题 什么是AJAX,为什么要使用Ajax AJAX是“Asynchronous...传统web前端与后端交互中,浏览器直接访问TomcatServlet获取数据。Servlet通过转发把数据发送给浏览器。...服务器并不是以转发方式响应,而是以流方式把数据返回给浏览器 XMLHttpRequest异步对象会不停监听服务器状态变化,得到服务器返回数据,就写到浏览器上【因为不是转发方式,所以是无刷新就能够获取服务器端数据...(5)获取异步调用返回数据. (6)使用JavaScript和DOM实现局部刷新....所以基于这一点,可以动态创建script标签,使用标签src属性访问js文件形式获取js脚本,并且这个js脚本中内容是函数调用,该函数调用参数是服务器返回数据,为了获取这里参数数据需要事先在页面中定义回调函数

    90710

    教你玩转Vue和Django前后端分离

    前后端半离不离 AJAX 出现,让网页局部刷新成为可能。这一特性可以让用户留在当前页面中,同时发出新HTTP请求,数据却可以不断地更新。解决了服务器每次请求都返回整个网页这种低效机制。...2.局部性能提升 通过前端路由配置,我们可以实现页面的按需加载,无需一开始加载首页便加载网站所有的资源,服务器也不再需要解析前端页面,在页面交互及用户体验上有所提升。...另外,学会前端可以自己建站获取流量,帮别人建站获取报酬,收获都是非常大。 因此,建议后端工程师学点前端知识,不求精通,至少可以使用前端技术栈为自己服务。...axios 类似于 AJAX 功能,主要为了访问后端 api 获取数据。 mockjs 主要用于模拟后端 api 接口返回数据。...当前端工程师需要独立于后端并行开发时,后端接口还没有完成,那么前端怎么获取数据?这时可以考虑前端自己模拟假数据,mockjs 可用来生成随机数据,拦截 Ajax 请求。

    2.8K22

    看完就懂Hybrid框架设计方案

    场景三:打开了两个 Webview 页面 A B,B 页面向 A 页面传递一些数据 对于 JS 来说,只能获取到当前 Webview 上下文,单纯通过 JS 是不能感知到其他 Webview 存在。...Webview A 订阅事件,不同于场景二订阅模式,订阅结果需要维护在 Native,所以这里需要有一次 JS -> Native 调用。...实际构建时需要根据一定规则,比如根据页面路由来决定当前页面包含哪些代码。这种方案会侵入到打包流程,可能需要通过 loader 和规则做一些删除代码工作,相对来说会复杂一些。...这里最核心问题是,在 App 内我们希望有统一交互体验,尽管前端有自己刷新控件,但主刷新控件包含一定复杂度动画,前端很难和 Native 动画做到统一,所以最好直接使用 Native 控件。...通过约定 API 达到使用 Native 控件目的: class BridgeNameSpace { /** * 启用下拉刷新(默认关闭),前端仍然可以决定是否使用 Native 刷新控件

    1.3K21

    bootstrap + requireJS+ director+ knockout + web API = 一个时髦单页程序

    通常说法是它通过避免页面刷新大大提高了网站响应性,像操作桌面应用程序一样。...体验当然是最不好,同时对服务器来说也需要处理更多。 2. 页面局部刷新 至从Ajax火起来之后,大家就想起了这一点。...具体例子,最早接触到是Gmail,当然最简单单页其实很简单比如说某Q邮箱,整了个Frame在页面里面,不管你怎么点,它懒是感觉没有刷新呀。...用Knockout作前端MVVM框架 用requireJS加载远程模板 用director来作前端route model数据是直接和web api交互,包括验证和授权 模板是一个Controller...WEB API验证   基本上任何系统都避免不了与验证打交道,除非那个系统压根不从用户那里获取数据

    1.2K50

    必会vue面试题(附答案)

    更快速:利用 key 唯一性生成 map 对象获取对应节点,比遍历方式更快created和mounted区别created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。...mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对htmldom节点进行一些需要操作。...比如我会配置一个asyncRoutes数组,需要认证页面在其路由meta中添加一个roles字段,等获取用户角色之后取两者交集,若结果不为空则说明可以访问。...,有则保留按钮,无则移除按钮纯前端方案优点是实现简单,不需要额外权限管理页面,但是维护起来问题比较大,有新页面和角色需求就要修改前端代码重新打包部署;服务端方案就不存在这个问题,通过专门角色和权限管理页面...,配置页面和按钮权限信息到数据库,应用每次登陆时获取都是最新路由信息,可谓一劳永逸!

    1.1K40

    前端路由简介以及vue-router实现原理

    前端路由 1. hash 模式 随着 ajax 流行,异步数据请求交互运行在不刷新浏览器情况下进行。而异步交互体验更高级版本就是 SPA —— 单页应用。...单页应用不仅仅是在页面交互是无刷新,连页面跳转都是无刷新,为了实现单页应用,所以就有了前端路由。...但因为没有 # 号,所以当用户刷新页面之类操作时,浏览器还是会给服务器发送请求。为了避免出现这种情况,所以这个实现需要服务器支持,需要把所有路由都重定向到根页面。...,所以我们只需要监听current.route变化动态render页面便可。...接着需要监听不同路由变化,做相应处理。以及实现hash和history模式。 数据驱动 这里我们延用vue数据驱动模型,实现一个简单数据劫持,并更新视图。

    1.6K60

    174道JavaScript 面试知识点总结(中)

    使用 pushState 实现有两个问题,一个是打开首页时没有记录,我们可以使用 replaceState 将首页记录替换,另一个问 题是当一个页面刷新时候,仍然会向服务器端请求数据,因此如果请求...优点:用户体验好,不需要每次都从服务器全部获取,快速展现给用户 缺点:单页面无法记住之前滚动位置,无法在前进,后退时候记住滚动位置 前端路由一共有两种实现方式,一种是通过 hash 方式,一种是通过使用...了解过一点双向数据绑定原理,比如 vue 是通过使用数据劫持和发布订阅者模式实现这一功 能。...vue 通过使用双向数据绑定,实现了 View 和 Model 同步更新。vue 双向数据绑定主要是通过使用数据劫持和发布订阅者模式实现。...谈谈你对 webpack 看法 当时使用 webpack 一个最主要原因是为了简化页面依赖管理,并且通过将其打包为一个文件降低页面加载时请求资源 数。

    80530

    进阶 | 一份详细AJAX与跨域处理讲解

    如何发请求 在前端世界里也逛荡了不少日子了,目前已经get到大约5种发起请求方式,主流、非主流。...可是 1.我们可能想用GET POST PUT DELETE 方法 2.不想刷新整个页面,想用一种更易于理解方式响应 AJAX出现 浏览器和服务器交互模式 V1.0 在AJAX未出现之前,浏览器想从服务器获得资源...,注意是获取资源,会经过如下一个过程: 浏览器发起请求->服务器接到请求响应给你HTML文档->浏览器收到资源,刷新页面,加载获得HTML。...后来随着时代发展,人们日益增长文化需求成为了社会主要矛盾……有一天,小明看了一篇报道,他只是想在下面评论一下,发表对实事亲切问候,问候完了,唉,你给我刷新页面干啥,只是想评论一下啊。...上述请求响应都没有问题 然而对于AJAX就不行 这是为什么呢,因为 因为 原页面用 form 提交到另一个域名之后,原页面的脚本无法获取页面内容,所以浏览器认为这是安全

    70110

    nodejs微信公众号开发

    :调⽤微信接⼝所需凭证,每个接⼝调用需要,可通过AppID和AppSecret获 取 URL白名单:增加获取accesstoken安全性,当密码泄露时,通过白名单过滤⾮法请求(官方说明:https...公众平台API调用所需access_token使用及生成方式说明: 1、建议公众号开发者使用中控服务器统一获取刷新accesstoken,其他业务逻辑服务器所使用accesstoken均来自于该中控服务器...,所以中控服务器不仅需要内部定时主动刷新,还需要提供被动刷新accesstoken接口,这样便于业务服务器在API调用获知accesstoken已超时情况下,可以触发accesstoken刷新流程...公众号和小程序均可以使用AppID和AppSecret调用本接口获取access_token。...api接口于api调用,是微信验证我们服务器。 Co-wechat工具库下更多api调用 想在index.html实现以下功能: - 实际工作中,通常是用库实现

    6.1K91

    前端面试题ajax_前端性能优化面试题

    HTTP请求 (5)获取异步调用返回数据 (6)使用JavaScript和DOM实现局部刷新 ajax是一种创建交互式网页计算 2,同步和异步区别?...(3)设置响应HTTP请求状态变化函数. (4)发送HTTP请求. (5)获取异步调用返回数据....XSS是获取信息,不需要提前知道其他用户页面的代码和数据包。CSRF是代替用户完成指定动作,需要知道其他用户页面的代码和数据包。...GET方式需要使用Request.QueryString取得变量值,而POST方式通过Request.Form获取变量值,也就是说Get是通过地址栏传值,而Post是通过提交表单传值。...更稳定也更可靠 15、前端需要注意哪些SEO 合理title、description、keywords:搜索对着三项权重逐个减小,title值强调重点即可,重要关键词出现不要超过2次,而且要靠前,

    2.4K10

    bootstrap + requireJS+ director+ knockout + web API = 一个时髦单页程序

    通常说法是它通过避免页面刷新大大提高了网站响应性,像操作桌面应用程序一样。...体验当然是最不好,同时对服务器来说也需要处理更多。 2. 页面局部刷新 至从Ajax火起来之后,大家就想起了这一点。...具体例子,最早接触到是Gmail,当然最简单单页其实很简单比如说某Q邮箱,整了个Frame在页面里面,不管你怎么点,它懒是感觉没有刷新呀。...用Knockout作前端MVVM框架 用requireJS加载远程模板 用director来作前端route  model数据是直接和web api交互,包括验证和授权 模板是一个Controller...WEB API验证   基本上任何系统都避免不了与验证打交道,除非那个系统压根不从用户那里获取数据

    1K50
    领券