blocks|key|158114|text|将.done()附加到ajax请求。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|158115|$.ajax({
++url:+"test.html",
++context:+document.body
}).done(function()+{+//use+this
++alert("DONE!");
});|code-block|syntax|javascript|158116|请参阅.done()的JQuery+Doc|158117|entityMap|0|LINK|mutability|MUTABLE|url|https://api.jquery.com/deferred.done/^0|1|7|0|0|3|7|B|A|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@$9|11|A|12|1|13]]|E|$]]|$1|M|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

Append <code>.done()</code> to your ajax request.

<pre><code>$.ajax({
 url: "test.html",
 context: document.body
}).done(function() { //use this
 alert("DONE!");
});
</code></pre>

See the <a href="https://api.jquery.com/deferred.done/" rel="nofollow">JQuery Doc</a> for <code>.done()</code>

blocks|key|159335|text|您应该在head中设置async+=+false。使用post/get代替ajax。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|159336|jQuery.ajaxSetup({+async:+false+})；|159337|++++$.post({
++++++++url:+'api.php',
++++++++data:+'id1='+%2B+q+%2B+'',
++++++++dataType:+'json',
++++++++success:+function+(data)+{

++++++++++++id+=+data[0];
++++++++++++vname+=+data[1];

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

You should set async = false in head.
Use post/get instead of ajax.

jQuery.ajaxSetup({
 async: false
});

<pre><code> $.post({
 url: 'api.php',
 data: 'id1=' + q + '',
 dataType: 'json',
 success: function (data) {

 id = data[0];
 vname = data[1];

 }
 });
</code></pre>

blocks|key|155651|text|试一试|type|unstyled|depth|inlineStyleRanges|entityRanges|data|155652|var+id;
var+vname;
function+ajaxCall(){
for(var+q+=+1;+q<=10;+q%2B%2B){
+$.ajax({++

+url:+'api.php',++++++++++++++++++++++++
+data:+'id1='%2Bq%2B'',+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+dataType:+'json',
+success:+function(data)++++++++++
++{

++++id+=+data[0];++++++++++++++
+++vname+=+data[1];
+++printWithAjax();
}
++++++});



}//end+of+the+for+statement
++}//end+of+ajax+call+function|code-block|syntax|javascript|155653|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|$]]

try

<pre><code>var id;
var vname;
function ajaxCall(){
for(var q = 1; q&lt;=10; q++){
 $.ajax({ 

 url: 'api.php', 
 data: 'id1='+q+'', 
 dataType: 'json',
 success: function(data) 
 {

 id = data[0]; 
 vname = data[1];
 printWithAjax();
}
 });



}//end of the for statement
 }//end of ajax call function
</code></pre>

blocks|key|155655|text|将.done()添加到函数中|type|unstyled|depth|inlineStyleRanges|entityRanges|data|155656|var+id;
var+vname;
function+ajaxCall(){
for(var+q+=+1;+q<=10;+q%2B%2B){
+$.ajax({++++++++++++++++++++++++++++++++++++++++++++
+++++++++url:+'api.php',++++++++++++++++++++++++
+++++++++data:+'id1='%2Bq%2B'',+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++dataType:+'json',
+++++++++async:false,++++++++++++++++++++
+++++++++success:+function(data)++++++++++
+++++++++{+++
++++++++++++id+=+data[0];++++++++++++++
++++++++++++vname+=+data[1];
+++++++++}
++++++}).done(function(){
+++++++++++printWithAjax();+
++++++});



+}//end+of+the+for+statement
}//end+of+ajax+call+function|code-block|syntax|javascript|155657|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|$]]

Add .done() to your function

<pre><code>var id;
var vname;
function ajaxCall(){
for(var q = 1; q&lt;=10; q++){
 $.ajax({ 
 url: 'api.php', 
 data: 'id1='+q+'', 
 dataType: 'json',
 async:false, 
 success: function(data) 
 { 
 id = data[0]; 
 vname = data[1];
 }
 }).done(function(){
 printWithAjax(); 
 });



 }//end of the for statement
}//end of ajax call function
</code></pre>

blocks|key|2958210|text|尝试以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2958211|var+id;
var+vname;
function+ajaxCall(){
for(var+q+=+1;+q<=10;+q%2B%2B){
+$.ajax({++++++++++++++++++++++++++++++++++++++++++++
+++++url:+'api.php',++++++++++++++++++++++++
+++++data:+'id1='%2Bq%2B'',+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++dataType:+'json',
+++++async:false,++++++++++++++++++++
+++++success:+function(data)++++++++++
+++++{+++
++++++++id+=+data[0];++++++++++++++
++++++++vname+=+data[1];
+++++},
++++complete:+function+(data)+{
++++++printWithAjax();+
+++++}
++++});

++}//end+of+the+for+statement
++}//end+of+ajax+call+function|code-block|syntax|javascript|2958212|只有在ajax“成功”之后，才会执行"complete“函数。因此，尝试在"complete“上调用printWithAjax()。这对你来说应该是可行的。|2958213|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Try this code:

<pre><code>var id;
var vname;
function ajaxCall(){
for(var q = 1; q&lt;=10; q++){
 $.ajax({ 
 url: 'api.php', 
 data: 'id1='+q+'', 
 dataType: 'json',
 async:false, 
 success: function(data) 
 { 
 id = data[0]; 
 vname = data[1];
 },
 complete: function (data) {
 printWithAjax(); 
 }
 });

 }//end of the for statement
 }//end of ajax call function
</code></pre>

The "complete" function executes only after the "success" of ajax. So try to call the printWithAjax() on "complete". This should work for you.

blocks|key|2745726|text|您可以使用.ajaxStop()或.ajaxComplete()|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2745727|.ajaxComplete()在页面上的每个AJAX请求完成后触发。|BOLD|2745728|$(+document+).ajaxComplete(function()+{
++yourFunction();
});|code-block|syntax|javascript|2745729|.ajaxStop()在页面上的所有AJAX请求完成后触发。|2745730|$(+document+).ajaxStop(function()+{
++yourFunction();
});|2745731|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/ajaxStop/|1|http://api.jquery.com/ajaxcomplete/^0|5|B|H|F|5|B|0|H|F|1|0|0|F|0|F|0|0|0|B|0|B|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@$9|12|A|13|B|C]|$9|14|A|15|B|C]]|D|@$9|16|A|17|1|18]|$9|19|A|1A|1|1B]]|E|$]]|$1|F|3|G|5|6|7|1C|8|@$9|1D|A|1E|B|H]|$9|1F|A|1G|B|C]]|D|@]|E|$]]|$1|I|3|J|5|K|7|1H|8|@]|D|@]|E|$L|M]]|$1|N|3|O|5|6|7|1I|8|@$9|1J|A|1K|B|H]|$9|1L|A|1M|B|C]]|D|@]|E|$]]|$1|P|3|Q|5|K|7|1N|8|@]|D|@]|E|$L|M]]|$1|R|3|-4|5|6|7|1O|8|@]|D|@]|E|$]]]|S|$T|$5|U|V|W|E|$X|Y]]|Z|$5|U|V|W|E|$X|10]]]]

You can use <a href="http://api.jquery.com/ajaxStop/" rel="noreferrer"><code>.ajaxStop()</code></a> or <a href="http://api.jquery.com/ajaxcomplete/" rel="noreferrer"><code>.ajaxComplete()</code></a>

<code>.ajaxComplete()</code> fires after completion of each AJAX request on your page.

<pre><code>$( document ).ajaxComplete(function() {
 yourFunction();
});
</code></pre>

<code>.ajaxStop()</code> fires after completion of all AJAX requests on your page.

<pre><code>$( document ).ajaxStop(function() {
 yourFunction();
});
</code></pre>

I am new to Ajax and I am attempting to use Ajax while using a for loop. After the Ajax call I am running a function that uses the variables created in the Ajax call. The function only executes two times. I think that the Ajax call may not have enough time to make the call before the loop starts over. Is there a way to confirm the Ajax call before running the function printWithAjax()? I do not want the printWithAjax() function to execute until the Ajax call is complete. Any help will be greatly appreciated. 

<pre><code>var id;
var vname;
function ajaxCall(){
for(var q = 1; q&lt;=10; q++){
 $.ajax({ 
 url: 'api.php', 
 data: 'id1='+q+'', 
 dataType: 'json',
 async:false, 
 success: function(data) 
 { 
 id = data[0]; 
 vname = data[1];
 }
 });

 printWithAjax(); 

 }//end of the for statement
}//end of ajax call function
</code></pre>

Execute function after Ajax call is complete

jQuery

我是Ajax的新手，我正在尝试在使用for循环的同时使用Ajax。在Ajax调用之后，我运行了一个函数，该函数使用在Ajax调用中创建的变量。该函数只执行两次。我认为Ajax调用可能没有足够的时间在循环开始之前进行调用。有没有办法在运行函数printWithAjax()之前确认Ajax调用？我不希望在Ajax调用完成之...

问在Ajax调用完成后执行函数
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Ajax调用完成后执行函数EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Ajax调用完成后执行函数
EN