如何在ajax调用后触发脚本 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

深入理解Javascript单线程谈Event Loop

同步：发出调用后，在没有得到结果前，该调用不返回。但是一旦调用返回，就得到返回值异步：发出调用后，调用直接返回，没有返回结果。但结果由回调函数给出，至于什么时候给出，不知道。...例如ajax异步请求是由JS执行线程和异步http请求线程，事件触发线程共同完成的。 6.事件循环机制（Event Loop）　　6.1：栈　　　　函数调用形成一个栈帧。...这意味着当异步事件发生时（如鼠标点击，定时器触发或XMLHttpRequest完成），它将排队等待稍后执行（这种排队实际发生的确定会因浏览器到浏览器而异）。　　...3、在未来的某一时刻，当数据完全请求回来以后，事件触发线程监视到之前发起的HTTP请求已完成，会将指定的回调函数放入任务队列中。　　...4、当浏览器执行栈空闲时，去扫描任务队列中的回调函数，依次压入执行栈中处理。所以：ajax请求是异步。由浏览器新开一个线程请求，事件回调的时候放入Event loop任务队列等候处理。

1.8K1 0

你所不知道的setTimeout

比如，网页开发中，某个事件先发生在子元素，然后冒泡到父元素，即子元素的事件回调函数，会早于父元素的事件回调函数触发。...在函数A中，setTimeout将函数B推迟到下一轮Loop执行，这样就起到了，先触发父元素的回调函数C的目的了。用户自定义的回调函数，通常在浏览器的默认动作之前触发。...比如，用户在输入框输入文本，keypress事件会在浏览器接收文本之前触发。因此，下面的回调函数是达不到目的的。...正确的做法应该是，设置一个门槛值，表示两次Ajax通信的最小间隔时间。如果在设定的时间内，发生新的keydown事件，则不触发Ajax通信，并且重新开始计时。...只有当两次触发之间的时间间隔大于事先设定的值，这个新函数才会运行实际的任务。假定两次Ajax通信的间隔不小于2500毫秒，上面的代码可以改写成下面这样。

2.1K12 1

您找到你想要的搜索结果了吗？

是的

没有找到

详细解读Jquery各Ajax函数：$.get(),$.post(),$.ajax(),$.getJSON()

你甚至可以通过制定ID来实现载入部分内容的Ajax操作，如： $('#ajax-div').load('data.html#my-section'); 实现GET和POST方法 get( url,...getScript()函数可以远程载入JavaScript脚本并且执行。...使用 JSONP 形式调用函数时，如 “myurl?callback=?” jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。...设置为 false 将不会触发全局 AJAX 事件，如 ajaxStart 或 ajaxStop 。...你无法同时执行success和error两个回调函数 ajaxError 全局事件全局的发生错误时触发 complete (局部事件) 不管你请求成功还是失败，即便是同步请求，你都能在请求完成时触发这个事件

5.3K10 0

jQuery的deferred对象详解

这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery的全部ajax代码都被改写了。...还是以上面的代码为例，如果ajax操作成功后，除了原来的回调函数，我还想再运行一个回调函数，怎么办？很简单，直接把它加在后面就行了。　　...五、普通操作的回调函数接口（上） deferred对象的最大优点，就是它把这一套回调函数接口，从ajax操作扩展到了所有操作。...dtd.resolve()的意思是，将dtd对象的执行状态从"未完成"改为"已完成"，从而触发done()方法。...（6）deferred.reject() 这个方法与deferred.resolve()正好相反，调用后将deferred对象的运行状态变为"已失败"，从而立即触发fail()方法。

1.6K6 0

jQuery Ajax 全解析

注意：Safari 2 或更早的版本不能在全局作用域中同步执行脚本。如果通过 getScript 加入脚本，请加入延时函数。...，它会向DOM中的所有元素广播，在上面 getScript() 示例中加载的脚本就是全局Ajax事件。...使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。...request }globalBoolean(默认: true) 是否触发全局 AJAX 事件。...设置为 false 将不会触发全局 AJAX 事件，如 ajaxStart 或 ajaxStop 。

10.9K1 0

jQuery的deferred对象

三、指定同一操作的多个回调函数 $.ajax({url:"baidu.com", type:"get"}) .done(function() { console.log("success...四、为多个操作指定回调函数 $.when($.ajax("baidu.com"), $.ajax("google.com")) 　　.done(function() { console.log...如果执行状态是”已完成”，deferred对象立刻调用done()方法指定的回调函数；【手动触发：dtd.resolve()】如果执行状态是”已失败”，调用fail()方法指定的回调函数；【手动触发：...deferred.resolve() 手动改变deferred对象的运行状态为”已完成”，从而立即触发done()方法。...deferred.reject() 这个方法与deferred.resolve()正好相反，调用后将deferred对象的运行状态变为”已失败”，从而立即触发fail()方法。

1.1K4 1

前端必知的ajax

注意：Safari 2 或更早的版本不能在全局作用域中同步执行脚本。如果通过 getScript 加入脚本，请加入延时函数。...使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。...使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。...request } global Boolean (默认: true) 是否触发全局 AJAX 事件。...设置为 false 将不会触发全局 AJAX 事件，如 ajaxStart 或 ajaxStop 。

4.2K4 0

jQuery ajax() 方法

注意：Safari 2 或更早的版本不能在全局作用域中同步执行脚本。如果通过 getScript 加入脚本，请加入延时函数。...getScript() 示例中加载的脚本就是全局Ajax事件。...使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。...使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。...设置为 false 将不会触发全局 AJAX 事件，如 ajaxStart 或 ajaxStop 。

4.4K6 0

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

当服务器返回两个请求的Response后，可能会调用后指定的回调函数。所以可能有两个完全不同的服务器响应由同一个回调函数处理，而这可能并不是正确的处理。解决办法是创建两个不同的请求对象。...但是对于FireFox，必须提供一个null引用，否则回调行为将不规律。这是在编写客户端脚本时你会发现的一个跨浏览器兼容的问题。 3.POST 可以用send方法发送额外信息。...设置header并和请求一起发送 ('post'方法一定要 ) 2.XMLHttpRequest 对象的属性属性描述 onreadystatechange 状态改变的事件触发器，每个状态改变时都会触发这个事件处理器...的item时，触发getWeeklyCalendar方法，用JQuery的类库方法$.ajax来发送AJAX请求。...；现有的解决有：在相关位置提示、数据更新的区域设计得比较明显、数据更新后给用户提示等 4.可能破坏浏览器后退按钮的正常行为； 5.一些手持设备（如手机、PAD等）自带的浏览器现在还不能很好的支持Ajax

4.3K12 1

你真的知道ajax的全部吗？

如果直接返回dtd，$.when()的默认执行状态为"已完成"，立即触发后面的done()方法，这就失去回调函数的作用了。...dtd.promise()的目的，就是保证目前的执行状态----也就是"未完成"----不变，从而确保只有操作完成后，才会触发回调函数。...其次，当操作完成后，必须手动改变Deferred对象的执行状态，否则回调函数无法触发。...（5）deferred.resolve()手动改变deferred对象的运行状态为"已完成"，从而立即触发done()方法。　　（6）$.when()为多个操作指定回调函数。...（8）deferred.reject() 这个方法与deferred.resolve()正好相反，调用后将deferred对象的运行状态变为"已失败"，从而立即触发fail()方法。

1.3K7 0

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

在 1.4 中，JSON 就会生成一个 JavaScript 对象，而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。...使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。...这是一个 Ajax 事件。 global 类型：Boolean 是否触发全局 AJAX 事件。默认值: true。...设置为 false 将不会触发全局 AJAX 事件，如 ajaxStart 或 ajaxStop 可用于控制不同的 Ajax 事件。...当脚本和页面字符集不同时，这特别好用。 Ajax 的第一个字母是 asynchronous 的开头字母，这意味着所有的操作都是并行的，完成的顺序没有前后关系。

16.9K3 0

AJAX介绍

服务器端技术：服务器端可以使用各种编程语言（如 PHP、Python、Java）来处理 AJAX 请求，并返回相应的数据（通常以 JSON 或 XML 格式）。...({ url: 'example.php', // 服务器端处理脚本的 URL method: 'GET', // 请求方法 dataType: '...在点击按钮时，通过调用 $.ajax() 方法向服务器发送 GET 请求，并指定了服务器端处理脚本的 URL。...在成功的回调函数中，我们使用 response.data 获取服务器返回的数据，并通过 $('#dataContainer').text() 更新页面内容。...如果 AJAX 请求失败，会触发 error 回调函数，显示一个错误提示框。

1.8K2 0

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

下面是旧的ajax方式使用iframe完成一次ajax，脚本先把要发送给web服务器的信息编码到url中，服务器在动态的创建一个html文档，将其内容返回给web，在iframe中显示，这种方式受道同源的限制...script 通过script元素的src属性设置url发起http get请求，即一种基于script的ajax传输，服务器使用json编码，执行脚本的时候，将其转码，这种的ajax同时也称为jsonp...undefined 发布/订阅模式订阅者把自己想注册的事件注册到调度中心，当该事件触发时，发布者发布事件到调度中心，由调度中心统一调度订阅者注册到调度中心的处理代码。...但是之前的对象将会被挂起 HTTP请求的4个部分 http请求方法或者动作正在请求的URL 一个可选的请求头集合，其中可能包含身份验证信息一个可选的请求主题 HTTP返回的响应一个数字和文字组合成的状态码，如404...方法直接open使用第三个参数为false 响应解码当服务器响应的为XML文档的时候，其返回的值为document对象，能使用操作节点的方式，对其进行操作当服务器发送对象或者数组的结构化数据，如JSON

2K4 0

前端数据获取之Ajax与Fetch （一）

你可以想象这个的过程，javascript的执行线程一直被占用着，网络请求回来之前，用户只要涉及到javascript脚本操作势必没有任何响应。...异步的这种方式能够及时放开javascript脚本执行线程，在页面上，用户多次点击发起请求或者脚本操作都不会受到影响，是比较理想的。...宏观上只要记住异步javascript就是不影响当前页面动作的一段javascript代码，这段代码会立flag，并且有一一个回调函数会在将来某个时刻执行。...AJAX实现原理本质是浏览器底层与操作系统暴露出来的一个API，在浏览器中有一个XMLHttpRequest的构造函数，当我们用一些包如jQuery的ajax或者Axiso请求数据时，用的其实就是它的实例...，钩子函数得到执行，你传入的回调也得到执行。

2.3K2 0

jQuery 教程

JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言！替代方案如果您不希望下载并存放 jQuery，那么也可以通过 CDN（内容分发网络）引用它。...$(‘.mybox’) element 选择 element，如：$(‘p’) #id 选择 id，如：$(‘#box’) selector1,selectorN 可以同时选择多个元素，如：$(‘div...“demo_test_post.php” 中的 PHP 脚本读取这些参数，对它们进行处理，然后返回结果。第三个参数是回调函数。第一个回调参数存有被请求页面的内容，而第二个参数存有请求的状态。...它能够增加、删除、触发、禁用回调函数。...jQuery animate() – 使用相关值演示如何在 jQuery animate() 方法中使用相关值。

21K2 0

jquery中ajax参数详解

在 1.4 中，JSON 就会生成一个 JavaScript 对象，而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。...使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。...这是一个 Ajax 事件。 global 类型：Boolean 是否触发全局 AJAX 事件。默认值: true。...设置为 false 将不会触发全局 AJAX 事件，如 ajaxStart 或 ajaxStop 可用于控制不同的 Ajax 事件。...当脚本和页面字符集不同时，这特别好用。 Ajax 的第一个字母是 asynchronous 的开头字母，这意味着所有的操作都是并行的，完成的顺序没有前后关系。

3.1K3 0

第三方登录(3)---微博登录

我们现在来讲讲如何在你界面引入一个微博组件，我这里以关注组件为例： ?...操作步骤注册好应用后，其实就可以开始代码实现了。其实只需要三步就可以实现微博第三方登录了。...我们可以看到调用后端接口能否成功获取到access_token. ?...现在前端发起ajax请求这个后端接口，将code值传给后端，获取到access_token. ?...可以看到我们成功获取到用户个人信息，最后前端发起ajax请求调用后端的获取用户信息接口。 ? 我们发起ajax请求后端获取用户数据的接口，然后获取到用户数据后直接在界面显示出来。

5.9K3 1

jquery ajax参数详解

在1.4中，JSON就会生成一个JavaScript对象，而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。...使用 JSONP 形式调用函数时，如 “myurl?callback=?” jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。...请求时传递的options参数 } global type:Boolean (默认: true) 是否触发全局 AJAX 事件。...设置为 false 将不会触发全局 AJAX 事件，如 ajaxStart 或 ajaxStop 可用于控制不同的 Ajax 事件。...例如，如果响应状态是404，将触发以下警报： $.ajax({ statusCode: {404: function() { alert('page not found'); } });

4K1 0

AJAX和JSON

有四个相关属性会被填充： responseText——从服务器进程返回数据的字符串形式 responseXML———从服务器进程返回的DOM兼容的文档数据对象 status——从服务器返回的数字代码，如...但是，在页面上引入不同域上的js脚本文件却是可以的，jsonp 正是利用这个特性来实现的。...回调函数是当响应到来时应该在页面中调用的函数，而数据就是传入回调函数中的JSON数据。 // 封装JSONP function getJSONP(url, callback) { if (!...=' + cbName; } // 动态创建script标签 var script = document.createElement('script'); // 定义被脚本执行的回调函数...如何在JQuery中使用JSONP呢，很简单，加个参数和改下数据返回类型 -> jsonp 、 dataType $.ajax({ url: "https://class.imooc.com/api

3.5K2 0

从进程，线程去了解浏览器内部的流程原理

iii: 事件触发线程：用来控制事件循环（鼠标点击，setTimeout，ajax等）；当事件满足触发条件时，将事件放入到JS引擎所在的执行队列中详细描述下：属于浏览器而不是JS引擎，用来控制事件循环...，并且管理着一个事件队列（task queue）；当JS执行碰到事件绑定和一些异步操作（如setTimeout，也可来自浏览器内核的其他线程，如鼠标点击，AJAX异步请求等），会走事件触发线程将对应的事件添加到对应的线程中...iiiii: 异步http请求线程：浏览器有一个单独的线程用于处理AJAX请求，即用于异步http请求，当请求完成时，若有回调函数，通知事件触发线程。...当代码执行到setTimeout/setInterval时，实际上是JS引擎线程通知定时触发线程，间隔一个时间后，会触发一个回调事件，而定时触发器线程在接收到这个消息后，会在等待的时间后，将回调事件放入到由事件触发线程所管理的事件队列中...当执行到 script 脚本的时候，JS引擎会为全局创建一个执行上下文，在该执行上下文中维护了一个微任务队列，当遇到微任务，就会把微任务回调放在事件触发线程队管理的事件队列中（微队列），当所有的JS代码执行完毕

1K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭