blocks|key|724884|text|.load()是一个异步方法，您作为参数传递给它的匿名函数只有在异步方法完成执行时才会执行。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|724885|entityMap^0|0|7|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<code>.load()</code> is an asynchronous method, and the anonymous function you passed to it as a parameter is executed ONLY when the asynchronous method finishes executing.

blocks|key|3121107|text|如果希望alert('You+should+alert+second');发生在第二步，则需要在回调函数中调用它：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3121108|$(function()+{
+++$('#some_id').load('myfile.html',+function()+{
++++++alert('Call+back+called');
++++++alert('You+should+alert+second');
+++});

});|code-block|syntax|javascript|3121109|entityMap^0|4|X|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

If you want <code>alert('You should alert second');</code> to happen second you need to call it from within your callback function:

<pre><code>$(function() {
 $('#some_id').load('myfile.html', function() {
 alert('Call back called');
 alert('You should alert second');
 });

});
</code></pre>

blocks|key|1800434|text|“我认为js代码按照文件的顺序执行。”是的，这就是这里发生的事。但是，因为.load()回调函数是，嗯，回调(即只有在异步操作完成后才触发)+alert('Call+back+called');只在将来某个时候调用时才会触发。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1800435|entityMap^0|11|7|1Z|Q|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

"I thought that js code executes in the order of the file." It does, and that's what's happening here. But because the <code>.load()</code> callback function is, well, a callback (i.e. only fires once the asynchronous operations is complete) <code>alert('Call back called');</code> will only fire when it's invoke at some point in the future.

blocks|key|724994|text|正如其他人所指出的，load是一个异步方法，因此您需要使用类似于同步AJAX调用的东西。以这种方式使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|724995|$.ajax({
+++++url:++++'myfile.html',
+++++async:+++false
+++++success:+function(result)+{
++++++++++++++++++alert('Call+back+called');
++++++++++++++}
});

alert('You+should+alert+second');|code-block|syntax|javascript|724996|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

As pointed by others, load is an async method, hence you need to use something like a synchronous AJAX call. Use it this way:

<pre><code>$.ajax({
 url: 'myfile.html',
 async: false
 success: function(result) {
 alert('Call back called');
 }
});

alert('You should alert second');
</code></pre>

blocks|key|3121183|text|您可以使用递延对象来处理异步调用。这样做，您的代码将按读取顺序执行，无论何时返回响应：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3121184|$(function()+{
++++var+jqxhr+=+$.get('myfile.html',+function(data)+{
++++++++$('#some_id').html(data);
++++++++alert('Call+back+called');
++++});
++++jqxhr.done(function()+{+
++++++++alert('You+will+alert+second');
++++});
});|code-block|syntax|javascript|3121185|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/category/deferred-object/^0|5|4|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

You could use the <a href="http://api.jquery.com/category/deferred-object/" rel="nofollow">Deferred Object</a> which deals with asynchronous calls for you. Doing so your code will be executed in the reading order, no matter when the response is sent back :

<pre><code>$(function() {
 var jqxhr = $.get('myfile.html', function(data) {
 $('#some_id').html(data);
 alert('Call back called');
 });
 jqxhr.done(function() { 
 alert('You will alert second');
 });
});
</code></pre>

blocks|key|725021|text|使用纯javascript，只需为第二个alert()区域中的内容添加一个带有回调参数的函数：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|725022|$(function()+{

+++function+someCode+(callback)+{
+++++$('#some_id').load('myfile.html',+function()+{
+++++++alert('Call+back+called');
+++++++//+add+parameters,+if+you+like
+++++++callback();
+++++});
+++}

+++function+someMoreCode()+{
+++++alert('You+should+alert+second');
+++++//+more+javascript+code+.........
+++}

+++//+And+Finally...
+++someCode(someMoreCode);

});|code-block|syntax|javascript|725023|entityMap^0|2|B|13|2|K|7|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]|$9|Q|A|R|B|C]|$9|S|A|T|B|D]]|E|@]|F|$]]|$1|G|3|H|5|I|7|U|8|@]|E|@]|F|$J|K]]|$1|L|3|-4|5|6|7|V|8|@]|E|@]|F|$]]]|M|$]]

Using pure javascript, just add a function with a callback argument for the stuff coming in the second <code>alert()</code> area:

<pre><code>$(function() {

 function someCode (callback) {
 $('#some_id').load('myfile.html', function() {
 alert('Call back called');
 // add parameters, if you like
 callback();
 });
 }

 function someMoreCode() {
 alert('You should alert second');
 // more javascript code .........
 }

 // And Finally...
 someCode(someMoreCode);

});
</code></pre>

Lets say I have the following js code

<pre><code>$(function() {
 $('#some_id').load('myfile.html', function() {
 alert('Call back called');
 });

 alert('You should alert second');
 // more javascript code .........

});
</code></pre>

For some reason, <code>alert('Call back called');</code> is the last thing that gets alerted to me. I thought that js code executes in the order of the file. Is there a way to make <code>alert('Call back called');</code> go first before all my other functions.

Looking at my simple code snippet one would suggest why not put <code>alert('You should alert second');</code> in the function call back, unfortunately I am inheriting a code base that is really big and jamming all those function calls in my callback wont be feasible

Executing code after jquery call back

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

假设我有以下的js代码$(function() {   $('#some_id').load('myfile.html', function() {      alert('Call back called');   });  alert('You should alert second');  // more jav...

问在jquery回调后执行代码
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jquery回调后执行代码EN