开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

GET请求后DOM上未更改的属性

是指在使用GET请求获取数据后，页面上的某个元素的属性没有发生变化。

这种情况可能出现在以下几种情况下：

缓存：浏览器会对GET请求的响应进行缓存，如果之前已经请求过相同的URL，并且服务器返回的响应被标记为可缓存，浏览器可能会直接从缓存中获取响应数据，而不会再次向服务器发送请求。因此，即使服务器上的数据已经发生了变化，但是页面上的元素属性仍然保持不变。
异步请求：如果使用异步请求（如Ajax）发送GET请求获取数据，并且在获取到数据后更新页面上的元素属性，但是由于某些原因（如网络延迟、请求错误等），导致获取数据的请求失败或者没有及时返回，那么页面上的元素属性就不会被更新。

解决这个问题的方法有：

禁用缓存：可以通过在请求的URL后面添加一个随机参数或者设置响应头中的Cache-Control字段为no-cache来禁用缓存，确保每次请求都能从服务器获取最新的数据。
错误处理：在异步请求中，可以通过添加错误处理的回调函数来处理请求失败的情况，例如显示错误信息或者重新发送请求。
使用其他请求方法：GET请求主要用于获取数据，如果需要对服务器上的数据进行修改，应该使用POST、PUT、DELETE等其他请求方法，确保服务器上的数据和页面上的元素属性保持一致。

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

腾讯云CDN（内容分发网络）：https://cloud.tencent.com/product/cdn
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
腾讯云人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
腾讯云移动推送（TPNS）：https://cloud.tencent.com/product/tpns

相关搜索:Angular .then()不工作(发送get请求后未刷新视图)API GET请求上的无限循环 Axios / Chrome: POST请求后意外的GET请求 dyno重启后，更改未保存在Heroku上 https get请求上的ENOTFOUND问题 Javascript处理DOM后的Python GET请求 jquery get()请求上的setcookie()POST和GET上的HTTP请求 POST请求更改为在亚马逊ElasticBeanstalk上运行的ExpressJS应用程序上的get请求在调用本应更改属性值的函数后，属性值未更改

相关搜索:

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

有帮助

没帮助

相关·内容

浏览器的常见考点

这个过程要注意标签位置，以及script标签位置和HTML提供的async defer属性

02

前端开发面试题答案(五)

网站重构：在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。

02

(Servlet)Ajax

Ajax的定义 Asynchronous JavaScript and Xml 异步的JavaScript和Xml Ajax是一种用来改善用户体验的技术，其实质是，使用XMLHttpRequest对象异步地向服务器发送请求服务器返回部分数据，而不是一个完整的页面，以页面无数新的效果更改页面中的局部内容 Ajax工作原理 image.png 如何获得Ajax对象 function getXhr(){ var xhr = null; if(window.XMLHttpRequest){

01

阶段七：浏览器安全

32 ｜同源策略：为什么XMLHttpRequest不能跨域请求资源–Web页面安全浏览器安全分为三大块：Web页面安全、浏览器网络安全、浏览器系统安全。同源策略页面中最基础、最核心的安全策略：同源策略(same-origin policy) 如果两个URL协议相同、域名相同、端口相同，就称为这两个URL同源同源策略就是说：相同源之间可以操作DOM、读取互相之间的Cookie、indexDB、locationStorage等页面数据以及网络层面共享。也就解释了为什么同源策略限制了X

03

js api 之 fetch、querySelector、form、atob及btoa

转载请注明出处: https://www.cnblogs.com/funnyzpc/p/11095862.html

03

JS的面试题（一）

从自身开始，沿着__proto__指向，一直到Object.prototype，这样一条链式结构，终点是null

01

现代前端技术解析：Web前端技术基础

真正了解前端技术的工程师都会感觉前端技术发展变化太快。浏览器特性、前端框架、前端工具、多终端浏览器等都在快速迭代中。作为前端工程师不仅要掌握现有的技术去实现业务需求，更要不断的学习新的技术、新的理念，时刻准备着新技术浪潮的来临。

03

创建发送异步通讯对象Ajax请求、数据回调及属性状态说明

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。

01

Web安全的三个攻防姿势

关于Web安全的问题，是一个老生常谈的问题，作为离用户最近的一层，我们大前端确实需要把手伸的更远一点。

03

前端面经（2）

JS是单线程的，为了防止一个函数执行时间过长阻塞后面的代码，所以会先将同步代码压入执行栈中，依次执行，将异步代码推入异步队列，异步队列又分为宏任务队列和微任务队列，因为宏任务队列的执行时间较长，所以微任务队列要优先于宏任务队列。微任务队列的代表就是，Promise.then，MutationObserver，宏任务的话就是setImmediate setTimeout setInterval

06

前端面试ajax考点汇总_javascript常见面试题

9、 XMLHttpRequest对象在IE和Firefox中创建方式有没有不同。

03

前端开发中不可忽视的知识点汇总（二）

22. 让页面里的字体变清晰，变细用CSS怎么做？ -webkit-font-smoothing: antialiased; 23. 让overflow:scroll平滑滚动？ -webkit-ove

04

浏览器原理

身为前端，打交道最多的就是浏览器和node了，也是我们必须熟悉的。接下来我们讲一下浏览器工作原理和工作过程。从url到页面的过程，......，我们直接来到收到服务器返回内容部分开始。

02

Chrome Devtool 断点[通俗易懂]

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

02

浏览器原理0. 前言1. 解析过程2. 渲染树2.1 CSS样式计算2.2 构建渲染树3. 布局（重要）4. 重绘与重排（重要）5. paint（绘制）6. composite（重要）7. 浏览器加载

身为前端，打交道最多的就是浏览器和node了，也是我们必须熟悉的。接下来我们讲一下浏览器工作原理和工作过程。从url到页面的过程，......，我们直接来到收到服务器返回内容部分开始。

04

Vue实战—菜单栏商品展示数据交互（8）

之前我们说过在created钩子，mounted钩子内可以发起请求，请求需要的数据。本次我们在created钩子内发起get请求，获取数据：

00

jQuery笔试题汇总整理--2018

1、最大的一点是页面无刷新，用户的体验非常好。 2、使用异步方式与服务器通信，具有更加迅速的响应能力。 3、可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。并且减轻服务器的负担，ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。 4、基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。 ajax的缺点 1、ajax不支持浏览器back按钮。 2、安全问题 AJAX暴露了与服务器交互的细节。 3、对搜索引擎的支持比较弱。 4、破坏了程序的异常机制。 5、不容易调试。

02

Owasp top10 小结[通俗易懂]

大家好，又见面了，我是你们的朋友全栈君。 Owasp top10 1.SQL注入原理：web应用程序对用户输入的数据合法性没有过滤或者是判断，前端传入的参数是攻击者可以控制，并且参数带入数据库的查询，攻击者可以通过恶意的sql语句来实现对数据库的任意操作。 2.失效的身份认证和会话管理原理：在开发web应用程序时，开发人员往往只关注Web应用程序所需的功能，所以常常会建立自定义的认证和会话方案。但是要正确的实现这些方案却是很难的。结果就在退出，密码管理，超时，密码找回，账户更新等方面存在漏洞。危

03

【前端基础】javascript笔记

浏览器在加载显示一个网页时，会对页面html代码解析，并在内存中创建一个描述该页面的模型（树形结构）。

01

前端基础知识整理汇总（中）

接上昨天的《前端基础知识整理汇总（上）》，这些知识虽然是很基础的，但是对于系统的梳理还是非常有帮助的，也希望这些内容对你有所帮助。

02

在 Chrome DevTools 中调试 JavaScript

由浅入深说一说怎么样在 Chrome DevTools 中调试 JavaScript。

02

(简易)测试数据构造平台: 23 编辑工具

当前，我们点开编辑按钮后，发现旧工具名字输入框是空的。目的是让这个可以显示工具原本的名字

01

RESTful API 设计最佳实践

项目资源的URL应该如何设计？用名词复数还是用名词单数？一个资源需要多少个URL？用哪种HTTP方法来创建一个新的资源？可选参数应该放在哪里？那些不涉及资源操作的URL呢？实现分页和版本控制的最好方法是什么？因为有太多的疑问，设计RESTful API变得很棘手。在这篇文章中，我们来看一下RESTful API设计，并给出一个最佳实践方案。

01

Ajax 的简介与使用

Ajax 的全称是 Asynchronous JavaScript and XML（即异步的 JavaScript 和 XML），是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术

01

C#爬虫系列（一）——国家标准全文公开系统

网上有很多Python爬虫的帖子，不排除很多培训班借着AI的概念教Python，然后爬网页自然是其中的一个大章节，毕竟做算法分析没有大量的数据怎么成。 C#相比Python可能笨重了些，但实现简单爬虫也很便捷。网上有不少爬虫工具，通过配置即可实现对某站点内容的抓取，出于定制化的需求以及程序员重复造轮子的习性，我也做了几个标准公开网站的爬虫。在学习的过程中，爬网页的难度越来越大，但随着问题的一一攻克，学习到的东西也越来越多，从最初简单的GET，到POST，再到模拟浏览器填写表单、提交表单，数据解析也从最初的

挖洞经验 | 一个价值$3133.7美金的Google漏洞

在对Google的安全研究中，由于其云服务平台“cloud.google.com” 具备多种功能，感觉有点意思，所以某天我决定来深入测试一下它。

05

金九银十求职季，前端面试大全送给你

最近好多小伙伴都跳槽去找工作，我只能在心里默默的支持他们能找到一份好的工作，这份前端面试大全送给我的小伙伴们，主要说的是前端一些常用的一些知识，说的不对的地方请小伙伴们即使指正出来，自己同时也回顾下这些知识。主要分以下几个方边来说： - css和html - javascript - vue - 微信小程序

02

HTTP有哪些保证幂等性和安全性的方法

幂等性和安全性是HTTP方法的属性。在HTTP RFC定义了这些特性，并告诉我们哪些HTTP方法是安全的和幂。服务器应用程序应确保正确执行安全和幂等的语义，如客户端期望的那样。

02

前端基础-Ajax对象

通过上一节我们发现，想要使用 ajax 的一系列功能，我们就必须先得到 ajax 对象

01

喜马拉雅、ctrip、b站、流利说、蜻蜓FM、爱回收前端面试经历

我的回答是[1,2,6,4,3,5]。这道题目主要考对JS宏任务和微任务的理解程度，JS的事件循环中每个宏任务称为一个Tick(标记)，在每个标记的末尾会追加一个微任务队列，一个宏任务执行完后会执行所有的微任务，直到队列清空。上题中我觉得稍微复杂点的在于async1函数，async1函数本身会返回一个Promise，同时await后面紧跟着async2函数返回的Promise， console.log(3)其实是在async2函数返回的Promise的then语句中执行的，then语句本身也会返回一个Promise然后追加到微任务队列中，所以在微任务队列中 console.log(3)在 console.log(4)后面，不太清楚的同学可以网上查下资料或者关注我的公众号「前端之境」，我们可以一起交流学习。

02

整理了近期阿里携程的面试题，分享给大家（后期会慢慢完善）

事件捕获/冒泡 DOM事件流 DOM2级事件规定事件包括三个阶段： ① 事件捕获阶段 ② 处于目标阶段 ③ 事件冒泡阶段 stopPropagation

02

Ajax之路

第一部分： Ajax全称Asynchronous Javascript and XML，中文意思为“异步的Javascript 和XML”。 Ajax这组技术是web2.0的核心之一。　　Ajax不是一项技术，它是多种技术组合而成：运用XHTML和CSS实现基于各种标准的展示。运用文档对象模型（Document Object Model,DOM）实现动态显示和交互。运用XML和XSLT实现数据交换和操作运用XMLHttpRequest（Ajax核心，简称XHR对象）实现异步数据检索 Jav

08

我碰到的那些面试题js及es6(1)

es6是一个新的标准，它包含了许多新的语言特性和库，是JS最实质性的一次升级。比如箭头函数、字符串模板、generators(生成器)、async/await、解构赋值、class等等，还有就是引入module模块的概念。

02

XMLHttpRequest对象详解（一）

本文介绍关于XMLHttpRequest对象的基础知识（基于规范化的属性和方法），更深入的探讨在之后的文章中作为二级文章（“XMLHttpRequest对象详解二”，“XMLHttpRequest对象详解之使用”）更新，供那些想深入了解的人参考。

01

浏览器将标签转成 DOM 的过程

当浏览器获得了资源以后要进行的第一步工作就是 HTML 解析，，它由几个步骤组成:编码、预解析、标记和构建树。

00

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

面试官您好!我叫XXX,来自XXX,很荣幸能来我们公司面试,我从事前端开发有3年了,目前掌握的技术有html,css,js,ajax,vue,小程序,参与过各种类型的项目。我做过的项目有 A,B,C,D,E 那么最近做的一个项目是XXX 在这个项目中我主要负责的板块是XXX 面试官您这边还有什么想要了解的么。

04

前端开发必备之Chrome开发者工具（上篇）

本文介绍的 Chrome 开发者工具基于 Chrome 65版本，如果你的 Chrome 开发者工具没有下文提到的那些内容，请检查下 Chrome 的版本简介 Chrome 开发者工具是一套内置于 Google Chrome 中的Web开发和调试工具，可用来对网站进行迭代、调试和分析打开 Chrome 开发者工具的方式有：在Chrome菜单中选择更多工具 > 开发者工具在页面元素上右键点击，选择 “检查” 使用快捷键 Ctrl+Shift+I (Windows) 或 Cmd+Opt+I (Mac

异步编程Ajax的详解，并对其进行封装整理

对于Ajax，肯定很多小伙伴都听过甚至用过了，那么没听过的也不用着急，本文会对Ajax进行讲解，其次，一定还有一些人只用过JQuery封装好了的Ajax却对原生的Ajax并不了解，那么也不用着急，本文从最基本的Ajax开始讲起，然后最后会尽可能得模仿JQuery对其进行封装，让我刚才提到的两类人能对Ajax有进一步的了解。

02

雅虎前端优化的35条军规

问题：我怎么才能收到你们公众号平台的推送文章呢？内容部分 1.尽量减少HTTP请求数 80%的终端用户响应时间都花在了前端上，其中大部分时间都在下载页面上的各种组件：图片，样式表，脚本，Flash等等。减少组件数必然能够减少页面提交的HTTP请求数。减少页面组件数的一种方式是简化页面设计。合并文件是通过把所有脚本放在一个文件中的方式来减少请求数的，当然，也可以合并所有的CSS。 CSS Sprites是减少图片请求数量的首选方式。把背景图片都整合到一张图片中，然后用CSS的background-ima

05

JavaScript 编程精解中文第三版十八、HTTP 和表单

我们曾在第 13 章中提到过超文本传输协议（HTTP），万维网中通过该协议进行数据请求和传输。在本章中会对该协议进行详细介绍，并解释浏览器中 JavaScript 访问 HTTP 的方式。

02

急速 debug 实战一（浏览器-基础篇）

工欲善其事，必先利其器。最近在写代码的时候越发觉得不是代码有多难，而是当代码出了问题该如何调试，如何追溯本源，这才是最难的。

01

2021年web前端面试集锦

重排(也称回流): 当DOM的变化影响了元素的几何信息(DOM对象的位置和尺寸大小)，浏览器需要重新计算元素的几何属性，将其安放在界面中的正确位置，这个过程叫做重排。触发：

03

新建 Microsoft Word 文档

正如我们在第4章中所了解到的，大多数组织都会提供一个可访问Internet（或Intranet，如果在防火墙后面进行测试）的网站，以向匿名用户推销组织能力、联系信息等。这些类型Web服务的一种常见部署方法是托管在非军事区（DMZ）中，非军事区是一个逻辑上或物理上独立的子网，用于公开组织面向公众的外部服务。

01

2023年超全前端面试题-背完稳稳拿offer（欢迎补充）

首先是关于语义（Semantics）和默认样式的区别，默认样式是浏览器设定的一些常用tag的表现形式，语义化的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用，很明显看起来很像标题，因为拥有粗体和较大的字号。strong,em用来区别于其他文字，起到了强调的作用。

01

浏览器是如何将标签转成 DOM ？

当浏览器获得了资源以后要进行的第一步工作就是 HTML 解析，，它由几个步骤组成:编码、预解析、标记和构建树。

01

高级前端：详解手写原生Ajax的实现

对于Ajax，肯定很多小伙伴都听过甚至用过了，那么没听过的也不用着急，本文会对Ajax进行讲解，其次，一定还有一些人只用过JQuery封装好了的Ajax却对原生的Ajax并不了解，那么也不用着急，本文从最基本的Ajax开始讲起，然后最后会尽可能得模仿JQuery对其进行封装，让我刚才提到的两类人能对Ajax有进一步的了解。

02

Firebug入门指南

据说，对于网页开发人员来说，Firebug是Firefox浏览器中最好的插件之一。

02

那些年我们一起学XSS - 19. 存储型XSS入门 [什么都没过滤的情况]

1. 找存储型的时候，需要有一颗多疑的心，一双善于发现的眼睛。我们来看看实例！ 2. 某一天，某一群，与某一妹子有以下对话。

01

前端面试之JavaScript（总结）

基本数据类型：number、string、null、undefined、boolean、symbol -- 栈引用数据类型：object、array、function -- 堆两种数据类型存储位置不同原始数据类型是直接存储在栈(stack)中的简单数据段，占据空间小、大小固定，属于被频繁使用数据；引用数据类型存储在堆(heap)中的对象，占据空间大、大小不固定，如果存储在栈中，将会影响程序运行的性能；引用数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址。当解释器寻找引用值时，会首先检索其在栈中的地址，取得地址后从堆中获得实体。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭