文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

javaScript回调函数

一、概念 回调函数，或简称回调，是指通过函数参数传递到其它代码的，某一块可执行代码的引用。这一设计允许了底层代码调用在高层定义的子程序。 咋一看回调函数的概念，可能并不能立即理解什么是回调函数。...通俗的讲，回调函数就是以函数作为参数传给另一个函数执行。比如：有一个函数A，函数B, 将A函数作为B函数的参数，然后在B函数里执行A函数，这就是最简单的回调。...估计大伙会想，这样的回调有意义吗？把A函数的代码直接写到B函数里面不是更好吗？ 如果在实际项目里这样写回调真的是糟糕透了。往下看，了解回调是如何应用的。...请求的时候，会单开一个线程发起 http 请求，这样就能把耗时的 http 请求独自运行。...大家看看 jquery 对 ajax 的封装就能明白，它就是根据 readystate 返回的状态，执行不 同的回调，最常用的两个回调应该是 success 函数和 error 函数。

4.2K20

从 Ajax 聊一聊 Jsonp 点击劫持

注意上面代码中的请求地址，这是我七牛云储存的一个 test2.txt 的外链，当我在和其同源的 http://7xrous.com1.z0.glb.clouddn.com/test.txt 的控制台中运行这段代码...但是当我在不同源的地方，比如 google 的控制台去运行，则弹窗 fail ? 4.同源的概念： 对于绝对的 URIs，源就是{协议，主机，端口}定义的。...2.举个例子，演示 jsonp： 本地环境: wamp sever 端 1.html 代码： ? 效果图： ? 3.JSONP 的两部分： 回调函数和数据。...回调函数是当响应到来时应该在页面中调用的函数，而数据就是传入回调函数中的 JSON 数据。...总结 so，如果找到一个站点有利用到 jsonp 跨域，但返回的数据中又有一些重要的信息，我们可以在一个访问量高的站点，或者自己的博客（233）去插入一段 js，如果访问者都登陆过了该站点，则可以获取大批量的重要信息

1.2K00
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    如何优雅地定位外网问题——动手搭建用户行为轨迹追踪系统

    我们将用户在某页面的单次访问作为基本查询单位，假设某用户访问了3次A页面，那么在查询平台中就可以查出3条记录，每条记录可以包含多条不同类型的子记录，它们共用“基础信息”。...FajaxParam ajax请求参数 FajaxUrl ajax请求链接 FajaxReceiveData ajax请求到的数据 FajaxHttpCode http返回码(200, 404)...document 上监听指定类 .js_qm_tracer 的事件回调。...在回调中通过event.path 取到当前 dom 的路径；通过 event.currentTarget.attributes 取到当前 dom 上的所有属性。...此外，我们的初衷在于帮助排查外网问题，因此在我们需要用的时候再报上来就行了。所以需要引入本地缓存和用户白名单机制，采集完先在本地缓存起来，需要的时候再根据用户白名单“捞取”。

    2.3K90

    jQuery进阶，$.Deferred() 延迟对象

    多层嵌套的回调，很影响后续代码的维护，也许今天你还记得这块回调逻辑，明天你就很有可能被这回调姿势给坑了。 那么，今天就介绍一种抹平回调的方法，jQuery.Deferred。...$.getJSON().done(function(){   alert('成功'); }) jQuery的$.ajax()本身就支持Deferred，它可以链式补上 .done() .fail() 等方法来处理不同状态的结果...deferred.done() 指定操作成功时的回调函数 deferred.fail() 指定操作失败时的回调函数 deferred.promise() 没有参数时，返回一个新的deferred对象，该对象的运行状态无法被改变...；接受参数时，作用为在参数对象上部署deferred接口。...deferred.resolve() 手动改变deferred对象的运行状态为”已完成”，从而立即触发done()方法。

    1K00

    SpringMVC-06 Ajax

    AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。...在 2005 年，Google 通过其 Google Suggest 使 AJAX 变得流行起来。Google Suggest能够自动帮你完成搜索单词。...Google Suggest 使用 AJAX 创造出动态性极强的 web 界面：当您在谷歌的搜索框输入关键字时，JavaScript 会把这些字符发送到服务器，然后服务器会返回一个搜索建议的列表。...使用Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。...利用AJAX可以做： 注册时，输入用户名自动检测用户是否已经存在。 登陆时，提示用户名密码错误 删除数据行时，将行ID发送到后台，后台在数据库中删除，数据库删除成功后，在页面DOM中将数据行也删除。

    1.5K30

    脚本化HTTP 取得响应 指定请求

    下面是旧的ajax方式 使用iframe完成一次ajax，脚本先把要发送给web服务器的信息编码到url中，服务器在动态的创建一个html文档，将其内容返回给web，在iframe中显示，这种方式受道同源的限制...一个数字和文字组合成的状态码，如404（表示不存在） 一个响应头集合 响应主体 为什么本地不能直接使用ajax 在本地写js的时候，必须搭建一个服务器其AJAX才能工作 原因：因为文件的协议为file...而本地的请求的协议为http，由于同源策略的影响，导致无法使用http协议的文件，故本地无法直接使用ajax 解决方法，chrome的浏览器访问https://chrome.google.com/webstore.../detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb 安装chrome官方提供的本地测试服务器，用于在本地搭建服务器。...,将返回的DOM树，传递给回调函数 } }; request.send(null); // 发送 } 注意，该方式为异步的，send方法不会阻塞其他操作 同步响应 由于其下载的问题，一般异步处理

    2K40

    前后端不分离到分离演变,优势,前后端接口联调,排错及优化

    总得来说，NodeJs的作用在MVC中相当于C（控制器）。...什么是前后端接口联调 之前开发写代码的时候，所有的ajax数据都不是后端返回的真实数据，而是我们自己通过接口mock模拟的假数据，当前端的代码编写完毕，后端的接口也已经写好之后，我们就需要把mock数据干掉...两种不同的部署情况直接导致了前期在设计联调方案的时候就不同了. 如果你们公司的项目在部署时是两台服务器对应两个域名，恭喜你，这是最nice的方案，也是联调最舒服的方式。...当我的朋友Jack把static文件夹下的mock数据删除之后，在运行项目，发现报错了，浏览器告诉他，你访问的mock下面的index.json文件找不到404。...比较常见的做法是前端在本地修改，本地查看，测试好了以后上传到服务器，看看线上环境可不可以，OK的话一切都好；不行就本地接着改，然后在上传。

    3.2K50

    JavaEE-- 网络编程 http请求报头

    浏览器输入⼀个URL,目的就是为了访问对方服务器上的⼀个资源.如果这个URL标识的资源不存在, 那么就会出现404 例如,在浏览器中输⼊ www.sogou.com/index.html ,此时就在尝试访问...在JavaScript 中可以通过ajax的方式构造HTTP请求 发送GET请求 <!...studentName=zhangsan', success: function(data) { } }); // 此处success 就声明了⼀个回调函数, 就会在服务器响应返回到浏览器的时候触发该回调...浏览器和服务器交互过程(引⼊ajax后) 在我们当前的例⼦中,test.html是通过本地⽂件的⽅式打开的,这个环节不涉及HTTP交互....console.log("当服务器返回的响应到达浏览器之后, 浏览器触发该回调, 通知到咱们 console.log("浏览器⽴即往下执⾏后续代码"); 发送application

    27410

    Ajax的使用

    AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。...在 2005 年，Google 通过其 Google Suggest 使 AJAX 变得流行起来。Google Suggest能够自动帮你完成搜索单词。...Google Suggest 使用 AJAX 创造出动态性极强的 web 界面：当您在谷歌的搜索框输入关键字时，JavaScript 会把这些字符发送到服务器，然后服务器会返回一个搜索建议的列表。...使用Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。..."html": 将服务器端返回的内容转换成普通文本格式，在插入DOM中时，如果包含JavaScript标签，则会尝试去执行。

    2.2K30

    京东技术沙龙系列之二 | 深度解析京东微服务组件平台

    京东目前已经有3万+个微服务，通过服务评价机制，我们可以给服务进行排名，目的有两个：1）服务定级；2）趋良逐弊。...通过开发服务网格技术，将跟业务无关的rpc通信、服务治理等逻辑彻底与业务逻辑解耦，不仅体现在开发、编译、打包上的解耦，还体现在运行时的解耦（运行在不同的容器或进程中）。...分布式事务、分布式锁、在线联调是我们重点要提供的工具。 ? ? Jsf当前的技术路线决定了研发人员“要么不用，要么全用”的局面，属于重型技术范畴。...微服务平台中的CallGraph系统秉承Google Dapper论文的先进理念，以业务“零”侵入的交付方式，提供跨网络的调用堆栈分析，使我们既能从宏观上俯瞰纷繁的业务关系及调用链整体特质，又能从微观上观察和审视调用链上各环节的细节...微服务平台中的“服务集市”系统提供了全京东所有服务的搜索，并提供了各种高级的搜索功能选项，使大家可以快速找到所需的服务。

    1.2K40

    原生 AJAX 详解

    安装本地服务器集成环境 使用 wampserver 集成服务器 注意：选择安装路径必须使用纯英文路径 Wamp 的使用 启动wamp软件（小图标变绿，启动成功） 在浏览器地址栏输入 127.0.0.1...（本地服务器的 ip 地址） 如果想使用wamp运行自己的代码,需要将要运行的代码存放进wamp安装目录下的www文件夹中 存入之后在127.0.0.1地址对应的页面中即可打开文件 在...d. 404: 请求响应失败，访问地址有误 e. 500及以上: 后端服务器问题 2）区分 200 和 304 200 请求响应成功，它获得的数据是来源于后台数据库的 304 请求响应成功，它获得的数据是来源于本地缓存的...，也就是说这个数据咱已经请求过一次了，本地已经将其缓存下来了，本地缓存的目的就在于避免再重新向后台数据库进行一个新的请求，比较节省时间，提高响应速度。...请求的数据返回的结果为字符串格式 也即 [1,2,3,4,5] 返回的结果为 “[1,2,3,4,5]” eval() 方法: eval() 函数可计算某个字符串，并执行其中的 JavaScript 代码

    58310

    vue菜鸟从业记：公司项目里如何进行前后端接口联调

    什么是前后端接口联调 之前开发写代码的时候，所有的ajax数据都不是后端返回的真实数据，而是我们自己通过接口mock模拟的假数据，当前端的代码编写完毕，后端的接口也已经写好之后，我们就需要把mock数据干掉...两种不同的部署情况直接导致了前期在设计联调方案的时候就不同了。 如果你们公司的项目在部署时是两台服务器对应两个域名，恭喜你，这是最nice的方案，也是联调最舒服的方式。...当我的朋友王小闰把static文件夹下的mock数据删除之后，在运行项目，发现报错了，浏览器告诉他，你访问的mock下面的index.json文件找不到404。...比较常见的做法是前端在本地修改，本地查看，测试好了以后上传到服务器，看看线上环境可不可以，OK的话一切都好；不行就本地接着改，然后在上传。...（2）ajax后端数据 因为现在唯一的一台服务器还是在后端程序猿那里，所以此时你还是可以写绝对路径（域名+请求路径），利用hosts文件来改变域名映射实现联调。

    1.5K10

    前端，如何与后端哥们接口联调

    什么是接口联调 之前开发写代码的时候，所有的ajax数据都不是后端返回的真实数据，而是我们自己通过接口mock模拟的假数据。...两种不同的部署情况直接导致了前期在设计联调方案的时候就不同了。 如果你们公司的项目在部署时是两台服务器对应两个域名，恭喜你，这是最nice的方案，也是联调最舒服的方式。...当王小闰把static文件夹下的mock数据删除之后，在运行项目，发现报错了，浏览器告诉他，你访问的mock下面的index.json文件找不到404。...比较常见的做法是前端在本地修改，本地查看，测试好了以后上传到服务器，看看线上环境可不可以，OK的话一切都好；不行就本地接着改，然后在上传。...2. ajax后端数据 因为现在唯一的一台服务器还是在后端程序猿那里，所以此时你还是可以写绝对路径（域名+请求路径），利用hosts文件来改变域名映射实现联调。

    9.3K11

    Ajax是技术还是框架？走进Ajax的前世今生

    对CGI的改进有了 applet，applet允许开发人员编写可嵌入在Web页面的小应用程序，在浏览器的Java虚拟机(JVM)中运行applet 后来Netscape创建了一种动态脚本语言，最终命名为...Servlet 即Java代码不用像apple那样的客户端浏览器中运行了，把它控制在一个应用服务器上运行，但是servlet设计界面很不方便，需要以打印流来输出， 为了将表示与业务逻辑分离，出现了 JSP...当然,当Google GoogleLabs发布Google Maps和 Google Suggest时,这个技术才真正为人所认识,而且此前已经有许多这方面的文章了。...ajax()方法：jQuery的底层实现，.ajax()方法返回其创建的XMLHttpReuqst对象，大多数无需操作该对象，特殊情况手动终止。...callback：可选，请求成功完成的回调函数。

    5.5K20

    Meteor：快到飞起来的全栈JavaScript开发平台

    例如在有的开发平台中，前端使用 AngularJS，后端使用 Express，虽然均使用 JS 开发，但代码完全无法复用。 Meteor 中的前后端大量代码可以同时使用。...例如数据库操作对象，在客户端操作的是 miniMongo，在服务器端操作的是真实的 MongoDB，但使用的代码就是一套， 开发者也不用关心这个代码是用在客户端还是在服务器端。 3....-对应用进行管理，例如运行、重置、监控等。 -提供了 MongoDB shell终端。 -对项目进行编译打包。...在传统Web开发中，例如新数据通过 Ajax 发送给服务器端，服务器端真实写入数据库后返回结果信息，在Ajax 的回调方法中再反馈给用户，用户会明显感知到这个过程的延时；而在 Meteor中，由于 miniMongo...的存在，用户体验的顺畅感如同本地应用。

    2.7K10

    HTTP协议学习

    (Not Found 请求文件不存在) 405(Method Not Allowed 请求方法不允许) e.5xx:服务器端运行错误 500(Internal Server Error 服务器代码里面运行有误...(3).降低对服务器的资源消耗和运行要求 (4).降低了由于远距离而造成的加载延时 ?...即异步javascript and xml，该技术由google 推出，最大不同：发送请求和接收数据都由Js完成，以下为Ajax代码固定Js，请求并且接收响应4步: (1).创建ajax对象 var xhr...,true); (4).发送请求消息 xhr.send(null); 17.Ajax原理 (1).2002年由Google搜索引擎，提出建议 AJAX=HTML/CSS/JS/DOM/XML/HTTP...为 4，这个属性保存了完整的响应体 19.Ajax 原理 在客户端浏览网页的同时，浏览器底层使用XMLHttpRequest对象，向服务器发起HTTP请求，并接收服务器的响应消息—浏览的同时服务器也在工作

    7.4K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券