blocks|key|761254|text|您可以在ajax选项中使用timeout设置，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|761255|$.ajax({
++++url:+"test.html",
++++timeout:+3000,
++++error:+function(){
++++++++//do+something
++++},
++++success:+function(){
++++++++//do+something
++++}
});|code-block|syntax|javascript|761256|在这里阅读关于ajax选项的所有内容：http://api.jquery.com/jQuery.ajax/|761257|请记住，当发生超时时，触发的是error处理程序，而不是success处理程序:)|761258|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/jQuery.ajax/^0|D|7|0|0|J|Y|0|0|F|5|S|7|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|D|@$9|11|A|12|1|13]]|E|$]]|$1|M|3|N|5|6|7|14|8|@$9|15|A|16|B|C]|$9|17|A|18|B|C]]|D|@]|E|$]]|$1|O|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

You could use the <code>timeout</code> setting in the ajax options like this:

<pre><code>$.ajax({
 url: "test.html",
 timeout: 3000,
 error: function(){
 //do something
 },
 success: function(){
 //do something
 }
});
</code></pre>

Read all about the ajax options here: <a href="http://api.jquery.com/jQuery.ajax/" rel="noreferrer">http://api.jquery.com/jQuery.ajax/</a>

Remember that when a timeout occurs, the <code>error</code> handler is triggered and not the <code>success</code> handler :)

blocks|key|761314|text|请阅读$.ajax+documentation，这是一个涵盖的主题。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|761315|$.ajax({
++++url:+"test.html",
++++error:+function(){
++++++++//+will+fire+when+timeout+is+reached
++++},
++++success:+function(){
++++++++//do+something
++++},
++++timeout:+3000+//+sets+timeout+to+3+seconds
});|code-block|syntax|javascript|761316|您可以通过访问error:+function(jqXHR,+textStatus,+errorThrown)选项的textStatus参数来查看抛出了什么类型的错误。选项包括"timeout“、"error”、"abort“和"parsererror”。|761317|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/jQuery.ajax/^0|3|6|A|D|0|0|0|7|1B|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|11|8|@$9|12|A|13|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

Please read the <code>$.ajax</code> <a href="http://api.jquery.com/jQuery.ajax/" rel="noreferrer">documentation</a>, this is a covered topic. 

<pre><code>$.ajax({
 url: "test.html",
 error: function(){
 // will fire when timeout is reached
 },
 success: function(){
 //do something
 },
 timeout: 3000 // sets timeout to 3 seconds
});
</code></pre>

You can get see what type of error was thrown by accessing the textStatus parameter of the <code>error: function(jqXHR, textStatus, errorThrown)</code> option. The options are "timeout", "error", "abort", and "parsererror".

blocks|key|761369|text|使用功能齐全的.ajax+jQuery函数。请与https://stackoverflow.com/a/3543713/1689451进行比较以获取示例。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|761370|在没有测试的情况下，只需将您的代码与引用的SO问题合并：|761371|target+=+$(this).attr('data-target');

$.ajax({
++++url:+$(this).attr('href'),
++++type:+"GET",
++++timeout:+2000,
++++success:+function(response)+{+$(target).modal({
++++++++show:+true
++++});+},
++++error:+function(x,+t,+m)+{
++++++++if(t==="timeout")+{
++++++++++++alert("got+timeout");
++++++++}+else+{
++++++++++++alert(t);
++++++++}
++++}
});​|code-block|syntax|javascript|761372|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/3543713/1689451^0|7|5|O|17|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|6|7|10|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|11|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

use the full-featured <code>.ajax</code> jQuery function. 
compare with <a href="https://stackoverflow.com/a/3543713/1689451">https://stackoverflow.com/a/3543713/1689451</a> for an example.

without testing, just merging your code with the referenced SO question:

<pre><code>target = $(this).attr('data-target');

$.ajax({
 url: $(this).attr('href'),
 type: "GET",
 timeout: 2000,
 success: function(response) { $(target).modal({
 show: true
 }); },
 error: function(x, t, m) {
 if(t==="timeout") {
 alert("got timeout");
 } else {
 alert(t);
 }
 }
});​
</code></pre>

blocks|key|976916|text|如果您的请求通过NginX，也不要忘记检查NginX设置。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|976917|Ajax+options.timeout是一回事，但nginx请求超时可能也需要调整。|offset|length|style|CODE|976918|请参阅https://ubiq.co/tech-blog/increase-request-timeout-nginx/|976919|entityMap|0|LINK|mutability|MUTABLE|url|https://ubiq.co/tech-blog/increase-request-timeout-nginx/^0|0|5|F|0|3|1L|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@$D|T|E|U|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|V|8|@]|9|@$D|W|E|X|1|Y]]|A|$]]|$1|J|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]]]

Don't forget to check NginX settings also if your requests are going through NginX.
Ajax <code>options.timeout</code> is one thing but nginx request timeout might need adjusting also.
See <a href="https://ubiq.co/tech-blog/increase-request-timeout-nginx/" rel="nofollow noreferrer">https://ubiq.co/tech-blog/increase-request-timeout-nginx/</a>

blocks|key|761424|text|您的请求应该如下所示。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|761425|client.ajax({
+++++++++++++++url:'web-url',
+++++++++++++++method:+'GET',
+++++++++++++++headers:+'header',
+++++++++++++++timeout:+3000
++++++++++});|code-block|syntax|javascript|761426|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|$]]

your request should be like below.
<pre><code>client.ajax({
 url:'web-url',
 method: 'GET',
 headers: 'header',
 timeout: 3000
 });
</code></pre>

<pre><code>$.ajax({
 url: "test.html",
 error: function(){
 //do something
 },
 success: function(){
 //do something
 }
});
</code></pre>

Sometimes <code>success</code> function works good, sometimes not. 

How do I set timeout for this ajax request? In example, 3 seconds, if time is out, then show an error. 

The problem is, ajax request freezes the block until finishes. If server is down for a little time, it will never end.

Set timeout for ajax (jQuery)

服务器

jQuery

$.ajax({    url: "test.html",    error: function(){        //do something    },    success: function(){        //do something    }});success函数有时运行良好，有时效果不佳。如何设置...

问设置ajax超时(jQuery)
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问设置ajax超时(jQuery)EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问设置ajax超时(jQuery)
EN