首页
学习
活动
专区
圈层
工具
发布

JavaScript 回调函数

函数实际上是对象:它们能被“存储”在变量中,能作为函数参数被传递,能在函数中被创建,能从函数中返回; 回调函数 回调函数就是一个参数,将这个函数作为参数传到另一个函数里面,当那个函数执行完之后,再执行传进去的这个函数...//定义主函数,回调函数作为参数 function A(callback) { callback(); console.log('我是主函数'); } //定义回调函数...//输出结果 我是主函数 我是回调函数 上面的代码中,我们先定义了主函数和回调函数,然后再去调用主函数,将回调函数传进去。...disposeResult是实参,callback是形参,我们先调用loadData函数,等通过http网络请求 拿到我们需要的结果,再把请求结果当作参数传递给disposeResult函数去处理。...看到这里,聪明的你会不会发现ajax的success 不就是一个回调函数吗,我每天都在用ajax,为什么不懂什么是回调呢? 回调就是为了确保在网络请求耗时的情况下保证我们的代码执行有顺序的执行。

3.7K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    ASP.Net开发基础温故知新学习笔记

    ①浏览器发出访问请求→②服务器处理访问请求并返回HTML→③浏览器解析HTML并显示页面   (3)GET与POST的区别:(★★★→重点)     ①GET通过URL传值,而POST通过HTTP报文;...JQuery代码$.ajax中的$时把$当做NVelocity中的特殊符号,应对方法是使用jQuery.ajax代替$.ajax;       如果要将DataTable传递给NVelocity时仅传递...④与Cookie的关系:Session在创建时会依赖于Cookie,实质是Cookie存储一个SessionID作为每次提交服务器请求访问的Key,Session通过这个Key找到具体的Value值;...这里还没有发出请求 //AJAX是异步的,并不是等到服务器端返回才继续执行 xmlhttp.onreadystatechange = function () {...xmlhttp.send(); //这时才开始发送请求。并不等于服务器端返回。请求发出去了,我不等!去监听onreadystatechange吧!

    3K10

    Django之json、Ajax简介及实例介绍

    同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求; 异步交互:客户端发出一个请求后,无需等待服务器响应结束,就可以发出第二个请求。...当文件框发生了输入变化时,浏览器会使用AJAX技术向服务器发送一个请求,查询包含“传”字的前10个关键字,然后服务器会把查询到的结果响应给浏览器,最后浏览器把这4个关键字显示在下拉列表中。...当请求发出后,浏览器还可以进行其他操作,无需等待服务器的响应!...整个过程中页面没有刷新,只是局部刷新了; 在请求发出后,浏览器不用等待服务器响应结果就可以进行其他操作; AJAX的优缺点 优点: AJAX使用Javascript技术向服务器发送异步请求;...send()方法的参数为POST请求参数,即对应HTTP协议的请求体内容,若是GET请求,需要在URL后连接参数。 注意:若没有参数,需要给出null为参数!

    7.7K20

    ES6之Promise

    比如,假定 JavaScript同时有两个线程,一个线程在某个 DOM 节点上添加内容,另一个线程删除了这个节点,这时浏览器应该以哪个线程为准?...回调地狱,代码难以维护, 常常第一个的函数的输出是第二个函数的输入这种现象promise可以支持多个并发的请求,获取并发请求中的数据这个promise可以解决异步的问题,本身不能说promise是异步的...异步操作成功 */ ) { resolve(value) } else { reject(error) } }) 复制代码 - Promise构造函数接受一个函数作为参数...- 处理结果正常的话,调用resolve(处理结果值),将Promise对象的状态从“未完成”变为“成功”(即从 pending 变为 resolved),在异步操作成功时调用,并将异步操作的结果,作为参数传递出去...,作为参数传递出去 - Promise存在三种状态,一旦确定状态是无法修改的。

    98320

    快速理解 Axios

    axios.head(url[, config]) axios.delete(url[, config]) POST系列: axios.post(url[,data[,OPTIONS]]) 【data:通过请求主体传递给服务器的内容...baseURL:基础的URL路径 transformRequest:处理请求参数(对POST系列有作用) +发送POST请求时未处理请求参数 处理后 transformResponseL:把返回的结果进行处理...paramsSerializer:传递参数的序列化 data(在post请求中,一般不写进配置项,调用方法时直接传即可):是作为请求主体被发送的数据,只适用于 PUT,POST,PATCH这些方法 timeout...,TEXT,STREAM 我们来发送几个最简单的axios请求 GET 发送请求 执行axios.xxx()都会返回一个PROMISE实例,AJAX请求成功会把实例状态改为FULFULLED,AJAX请求失败会把实例状态改为...REJECTED,并且将获取的结果或者错误原因作为PROMISE的VALUE值。

    85510

    使用AJAX获取Django后端数据

    让我们看一下如何通过获取发出GET和POST请求,以在视图和模板之间传递JSON数据。 GET请求 通过获取发出GET请求 通过向其提供视图的URL和适当的headers参数来进行获取GET请求。...根据Django项目的URLconf和视图的配置方式,URL可能包含关键字参数或查询字符串,我们希望在视图中使用该参数来选择请求的数据。 Headers 设置AJAX请求头参数。...现在,我们可以使用JavaScript使用GET请求中的数据来更新页面的一部分。 POST请求 通过提取发出POST请求 带GET的POST请求比GET请求需要更多的参数。...结果是我们通过提取发送的数据的字典。现在,我们可以通过其键访问数据。 一旦获得了请求中的数据,我们就可以执行用户希望启动AJAX请求的操作。这可能是创建模型的新实例或更新现有实例。...如果需要支持IE,请查看jQuery或XMLHttpRequest来发出AJAX请求。 AJAX请求应仅限于Django项目的一小部分。

    10.1K40

    AJAX基础知识与简单的操作示例

    步骤1 –如何发出HTTP请求 步骤2 –处理服务器响应 步骤3 – 一个简单的例子 步骤4 –使用XML响应 步骤5 –处理数据 简单的定时XHR示例 相关内容 什么是AJAX?...AJAX的两个主要功能使您可以执行以下操作: 向服务器发出请求,而无需重新加载页面 从服务器接收和处理数据 步骤1 –如何发出HTTP请求 为了使用JavaScript向服务器发出HTTP请求,您需要一个具有必要功能的对象实例...如果您确实需要将请求发送到另一个域,请参阅HTTP访问控制(CORS)。 可选的第三个参数设置请求是否异步。...这是AJAX中的第一个A。 send()如果POST-ing请求,则该方法的参数可以是您要发送到服务器的任何数据。...”按钮; 事件处理程序调用该makeRequest()函数; 发出请求,然后(onreadystatechange)执行传递给alertContents(); alertContents()检查是否收到响应

    2.2K20

    jQuery ajax - ajax() 方法jQuery ajax - ajax() 方法

    比如指定一个 DOM 元素作为 context 参数,这样就设置了 success 回调函数的上下文为这个 DOM 元素。...不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。...beforeSend 在发送请求之前调用,并且传入一个 XMLHttpRequest 作为参数。 error 在请求出错时调用。...如果指定为 json 类型,则会把获取到的数据作为一个 JavaScript 对象来解析,并且把构建好的对象作为结果返回。为了实现这个目的,它首先尝试使用 JSON.parse()。...默认情况下,请求总会被发出去,但浏览器有可能从它的缓存中调取数据。要禁止使用缓存的结果,可以设置 cache 参数为 false。

    16.9K30

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

    (2)responseText和responseXML 请求返回的文本或XML内容 (3)status Http状态码 100——客户必须继续发出请求 101——客户要求服务器根据请求转换...xmlHttp.send(content); 2)如果提交方法是get方式,则这些参数作为查询字符串提交;如果指定的 是post方式,则这些参数是放入请求体提交。...$.get(url[,data] [,callback] [,type]) url:请求的HTML页的URL地址 例如:test.jsp data:发送至服务器的数据会作为QueryString...如: {name:’zhangs’} callback:载入成功时回调函数(只有当Response的返回状态是success 才调用该方法)自动将请求结果和状态传递给该方法。....$.post()方法 方法与get()差不多只是把传参方式改成post 4.

    2.2K30

    vue菜鸟从业记:没准备好的面试,那叫尬聊

    先来听听职场老司机是如何回答的吧~ 一.什么是同步请求:(false) 同步请求即是当前发出请求后,浏览器什么都不能做,必须得等到请求完成返回数据之后,才会执行后续的代码,相当于是排队,前一个人办理完自己的事务...二.什么是异步请求:(true) 异步请求就当发出请求的同时,浏览器可以继续做任何事,Ajax发送请求并不会影响页面的加载与用户的操作,相当于是在两条线上,各走各的,互不影响。...同步:在同步模式下,当我们使用AJAX发送完请求后,后续还有代码需要执行,我们同样将服务器响应交由另一个JS函数去处理,但是这时的代码执行情况是:在服务器没有响应或者处理响应结果的JS函数还没有处理完成...要回答这一问题,我们可以通过下面可能出现的问题来回答: 我们在发送AJAX请求后,还需要继续处理服务器的响应结果,如果这时我们使用异步请求模式同时未将结果的处理交由另一个JS函数进行处理。...柳传志曾经说过,小公司里做事,大公司里做人。 最后祝大家都能找到适合自己的好工作!

    1.1K30

    JavaWeb学习-Ajax-1-Ajax简介

    Ajax涉及技术名词解释 JavaScript:更新局部的网页 XML:一般用于请求数据和响应数据的封装 XMLHttpRequest对象:发送请求到服务器并获得返回结果 CSS:美化页面样式 异步:发送请求后不等返回结果...,由回调函数处理结果。...参数指定是否使用异步请求,值为true或者false,默认是true send(context) 发送请求context指定请求的参数,一般情况下我们给传null,这个参数相当于请求正文,如果是get请求...,我们一般都是url后面问号传参,所以这写null,如果是post,我们写例如name=tom SetRequestHeader(header,value) 设置请求头信息,例如charset=UTF-...就绪状态码 说明 0 XMLHttpRequest 对象没有完成初始化,即刚刚创建 1 XMLHttpRequest对象开始发送请求调用open方法,但还没调用send方法,请求还没有发出 2 XMLHttpRequest

    66630

    Django---Ajax

    同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求; 异步交互:客户端发出一个请求后,无需等待服务器响应结束,就可以发出第二个请求。...列表中显示的是包含“传”字的4个关键字。 其实这里就使用了AJAX技术!...当文件框发生了输入变化时,浏览器会使用AJAX技术向服务器发送一个请求,查询包含“传”字的前10个关键字,然后服务器会把查询到的结果响应给浏览器,最后浏览器把这4个关键字显示在下拉列表中。...整个过程中页面没有刷新,只是局部刷新了; 在请求发出后,浏览器不用等待服务器响应结果就可以进行其他操作; AJAX的优缺点 优点: AJAX使用Javascript技术向服务器发送异步请求; AJAX...send()方法的参数为POST请求参数,即对应HTTP协议的请求体内容,若是GET请求,需要在URL后连接参数。 注意:若没有参数,需要给出null为参数!

    5.7K101

    jquery中ajax参数详解

    XMLHttpRequest 对象是唯一的参数。 这是一个 Ajax 事件。如果返回 false 可以取消本次 ajax 请求。...不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。...beforeSend 在发送请求之前调用,并且传入一个 XMLHttpRequest 作为参数。 error 在请求出错时调用。...如果指定为 json 类型,则会把获取到的数据作为一个 JavaScript 对象来解析,并且把构建好的对象作为结果返回。为了实现这个目的,它首先尝试使用 JSON.parse()。...默认情况下,请求总会被发出去,但浏览器有可能从它的缓存中调取数据。要禁止使用缓存的结果,可以设置 cache 参数为 false。

    3.1K30

    回调、使用Promise封装ajax()、Promise入门

    ---方应杭知乎 callback 是一种特殊的函数,这个函数被作为参数传给另一个函数去调用。这样的函数就是回调函数。...function(){}) click后面的 function 就是一个回调,因为「我」没有调用过这个函数,是 jQuery 在用户点击 button 时调用的(当用户点击之后,这个函数才执行,现在我只是传了一个参数...只有在请求成功并接收到响应的时候才会执行这个success函数,这就是回调.传一个函数作为参数但是不执行,让另一个函数去调用,就是回调函数 1.2Callback 有点反直觉 callback 有一点「...代码都在这里 3.1 $.Ajax()中的promise 如果不使用promise,$.ajax请求的时候成功和失败的回调函数是写在参数里的,他是对象参数的一个值 $.ajax({ method...第一个要记住的:这个Promise必须接收一个函数,函数里面就是要做的事情(即发送请求,Ajax请求),一般来说,把所有东西放在里面,第一句就是return.然后要做的事情放在里面.

    3.8K51

    Django数据库查询优化与AJAX

    for i in res: print(i.publisher.publisher_name) prefetch_related prefetch_related内部是子查询(当一个查询是另一个查询的条件时...,特点:按步骤查询多张表,然后将查询结果封装到对象中,给用户的感觉好像还是连表操作,括号内支持传多个外键字段,每放一个外键字段就会多走一条SQL语句,多查一张表。...(这一特点给用户的感受是在不知不觉中完成请求和响应过程) AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。...同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求; 异步交互:客户端发出一个请求后,无需等待服务器响应结束,就可以发出第二个请求。...AJAX的应用场景 搜索引擎根据用户输入的关键字,自动提示检索关键字,网站注册时候的实时用户名的查重,特点: 不刷新页面的前后端数据交互 异步操作,当请求发出后,浏览器还可以进行其他操作 AJAX前的知识储备

    3.2K20

    57. Django 2.1.7 查询数据返回json格式

    在模板返回视图的方式的确很方便,但是如果涉及到动静分离、ajax请求这类,django就只能返回json格式的数据了。...那么这里就带来了一个问题,如何将django从数据库模型类中查询的数据以json格式放回前端。 然后前端如果获取读取返回过来的数据呢?...环境说明 前端采用jquery发送ajax请求 python 3.7.2 django 2.1.7 示例说明 这次示例首先写一个简单的页面发送ajax请求,然后后端分如何返回多行数据,如果返回查询对象进行示例说明...HttpResponse(json_data, content_type="application/json") # 返回json数据 在后台代码我没有做获取post请求的参数,再进行的参数查询的操作...其中获取post请求参数的方式很简单,依然是request.POST.get('参数名')即可。 浏览器测试功能如下: ” 可以从浏览器的控制台看到后端返回过来的结果数据。

    3.4K10

    Django 2.1.7 查询数据返回json格式

    那么这里就带来了一个问题,如何将django从数据库模型类中查询的数据以json格式放回前端。 然后前端如果获取读取返回过来的数据呢?...环境说明 前端采用jquery发送ajax请求 python 3.7.2 django 2.1.7 示例说明 这次示例首先写一个简单的页面发送ajax请求,然后后端分如何返回多行数据,如果返回查询对象进行示例说明...HttpResponse(json_data, content_type="application/json") # 返回json数据 在后台代码我没有做获取post请求的参数,再进行的参数查询的操作...其中获取post请求参数的方式很简单,依然是request.POST.get('参数名')即可。 浏览器测试功能如下: ? 可以从浏览器的控制台看到后端返回过来的结果数据。...可以看到,这样传递给前端就是字典对象了。 最后,再给出前端js遍历json格式数据的示例。

    4K20

    科普系列——如何解释什么是 AJAX?

    通过 AJAX 技术,服务器和浏览器之间交换的数据大量减少,服务器回应更快了。同时,很多的处理工作可以在发出请求的客户端机器上完成,因此服务端的负荷也减少了许多。...request.open(method,url,async); 请求的三个参数分别是:请求的方法、请求的地址、和是否采用异步请求。...微信小程序的请求就是wx.request这个api,wx.request(一些对象参数),微信小程序不同于浏览器的ajax请求,可以直接跨域请求不用考虑跨域问题。...事实上,这已经不是在AJAX的讨论范围了,但是作为一个拓展知识点,我还是想介绍下状态码这个东西。状态码的作用是服务器返回给客户端的用来描述HTTP请求的状态的。...我们知道前端开发中经常会用到AJAX发送异步请求,对于POST类型的请求会附带请求数据。而常用的传参方式有两种,其一是Form Data,另一个就是Request Payload了。

    1.2K21

    Jquery Ajax请求文件下载操作失败的原因分析及解决办法

    $.ajax方法语法 $.ajax(options) 参数 options (对象)一个对象的实例,其属性定义这个操作的参数。详情见下表。...如果省略,则默认为GET data 对象 一个对象,其属性作为查询参数而传递请求。如果是GET请求,则把数据作为查询字符串传递;如果是POST请求,则把数据作为请求体传递。...有效值如下: xml-响应文本被解析为XML文档,而作为结果的XML DOM被传递给回调函数 html-响应文本未经处理就被传递给回调函数。...在已返回HTML片段内的任何块将被求值 json-响应文本被求值为JSON字符串,而作为结果的对象被传递给回调函数 jsonp-与json相似,不同之处是提供远程脚本支持(假定远程服务器支持...响应体作为第一个参数被返回给这个函数,并且根据指定的dataType属性进行。

    4.4K30
    领券