jQuery代碼段延遲ajax呼叫x秒。可以用於在通過(guò)AJAX獲取服務(wù)器端數(shù)據(jù)之前需要操作的事件。 更新：有一種更簡(jiǎn)單的方法可以通過(guò)使用SetteMeout（）函數(shù)來(lái)完成此操作 - 有關(guān)示例，請(qǐng)參見(jiàn)下文。 享受！ :)

<span>var pendingCall = { timeStamp: null, procID: null };
</span>
<span>$('li a').click(function (e) {
</span>    e<span>.preventDefault();
</span>    <span>var getUrl = $(this).attr("href");
</span>	<span>var timeStamp = Date.now();
</span>
    <span>var printCall = function () {
</span>        $<span>.ajax({
</span>            <span>url: getUrl,
</span>            <span>type: "GET",
</span>            <span>beforeSend: function () { },
</span>            <span>error: function (request) { alert(request) },
</span>            <span>success: function (data) {
</span>                <span>if (pendingCall.timeStamp != timeStamp) { return false; }
</span>                <span>$('#contentdiv').html(data);
</span>                pendingCall<span>.procID = null;
</span>            <span>}
</span>        <span>});
</span>    <span>};
</span>
    <span>if (pendingCall.procID) {
</span>        <span>clearTimeout(pendingCall.procID)
</span>    <span>};
</span>	<span>//set the time before call 3000 = 3 seconds
</span>    pendingCall <span>= { timeStamp: timeStamp, procID: setTimeout(printCall, 3000) };
</span><span>});</span>

settimeout替代

這是一個(gè)片段，可以從您的頁(yè)面上刪除加載面具，在加載網(wǎng)站後一秒鐘。您可以在網(wǎng)站加載時(shí)設(shè)置加載面膜以覆蓋整個(gè)網(wǎng)站，以防止人們看到加載圖像。 ?

<span>jQuery(document).ready(function () {
</span>	<span>setTimeout( "jQuery('#loading_mask').hide();", 1000 );
</span><span>});</span>

經(jīng)常詢問(wèn)的問(wèn)題（常見(jiàn)問(wèn)題解答）延遲ajax呼叫

>延遲Ajax調(diào)用的目的是什麼？例如，如果您的網(wǎng)站上有一個(gè)搜索功能，每次用戶鍵入字符時(shí)都會(huì)觸發(fā)Ajax調(diào)用，則可能會(huì)導(dǎo)致服務(wù)器上的重大負(fù)載。通過(guò)引入延遲，您可以確保只有在用戶停止鍵入並減少服務(wù)器加載後進(jìn)行AJAX調(diào)用。它還可以通過(guò)防止不必要的加載時(shí)間並確保顯示最相關(guān)的結(jié)果來(lái)改善用戶體驗(yàn)。

>

>我如何使用jQuery延遲ajax呼叫？

jquery提供了一種簡(jiǎn)單的方法來(lái)使用SetteMieTiemout函數(shù)延遲Ajax調(diào)用。此功能允許您在進(jìn)行AJAX調(diào)用之前指定毫秒的延遲。這是一個(gè)基本示例：

settimeout（function（）{
$ .ajax（{
// ajax options
}）;
}，2000）; // 2秒延遲

在此示例中，AJAX調(diào)用將延遲2秒。
>

>我可以取消一個(gè)延遲的ajax調(diào)用嗎？

是的，您可以通過(guò)清除超時(shí)來(lái)取消延遲的AJAX調(diào)用。當(dāng)您致電SettiMeout時(shí)，它將返回一個(gè)唯一的ID，該ID可用於使用ClearTimeOut函數(shù)取消超時(shí)。您可以做到這一點(diǎn)：

var timeOutId = settimeout（function（）{$ .ajax（{{
// ajax options >}）;
}，2000）; >>

>是否有延遲ajax調(diào)用的缺點(diǎn)？ ，而延遲ajax呼叫可以改善服務(wù)器性能和用戶體驗(yàn)，這並不總是最好的解決方案。如果延遲時(shí)間太長(zhǎng)，它可能會(huì)使您的網(wǎng)站感覺(jué)緩慢且無(wú)反應(yīng)。重要的是要在減少服務(wù)器負(fù)載和保持光滑的用戶體驗(yàn)之間找到平衡。 >

>如何確定AJAX調(diào)用的最佳延遲？

AJAX調(diào)用的最佳延遲取決於幾個(gè)因素，包括服務(wù)器負(fù)載，AJAX調(diào)用的性質(zhì)以及用戶的期望。一個(gè)好的起點(diǎn)是設(shè)置幾百毫秒的延遲，然後根據(jù)性能和用戶反饋對(duì)其進(jìn)行調(diào)整。

>

我可以一次延遲多個(gè)AJAX調(diào)用嗎？

是的，您可以通過(guò)使用多個(gè)settimeTiemout呼叫一次延遲多個(gè)AJAX調(diào)用。每個(gè)Settimeout調(diào)用都將返回一個(gè)唯一的ID，可在必要時(shí)可以取消超時(shí)。

我可以將Settimeout與其他JavaScript函數(shù)一起使用嗎？

是的，SetTeStieMout是可以與任何JavaScript函數(shù)一起使用的通用函數(shù)，而不是任何JavaScript功能，而不是Ajax呼叫。您可以使用它來(lái)延遲任何JavaScript代碼。

>我可以在循環(huán)中使用settimeout延遲多個(gè)ajax調(diào)用嗎？但是，請(qǐng)記住，Settimeout是異步的，這意味著循環(huán)不會(huì)等待超時(shí)完成，然後再繼續(xù)進(jìn)行下一次迭代。如果無(wú)法正確處理，這可能會(huì)導(dǎo)致出乎意料的行為。

我可以在不使用jQuery的情況下延遲ajax調(diào)用嗎？但是，jQuery提供了一種更簡(jiǎn)單，更方便的方法來(lái)進(jìn)行AJAX調(diào)用。

我可以使用settimeout帶來(lái)承諾嗎？

是的，您可以將SetteMeTimeout帶有承諾來(lái)延遲分辨率或拒絕承諾的承諾。當(dāng)使用Ajax調(diào)用等異步操作時(shí)，這可能很有用。

>

以上是延遲ajax打電話x秒的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！