getJSON-Timeout-Behandlung

Ich verwende jQuery getJSON() Funktion. Diese Funktion erhält problemlos Daten. Aber manchmal warten, warten, warten… Und mein Ladebalken zeigt loading loading loadin in der Mitte der Seite. Also jQuery ajax() Funktion haben eine Timeout-Variable. Aber ich möchte verwenden getJSON Funktion. Und ich denke, dass ich verwenden kann ajaxStart() und ajaxStop() Funktionen. Aber wie?

$('.loadingDiv')
    .hide()
    .ajaxStart(function() {
        $(this).fadeIn();
        setTimeout("throw '';",15000) //i used this but didn't work
        setTimeout("return;",15000) //i used this but didn't work
        setTimeout("abort();",15000) //i used this but didn't work.(Abort all ajax events)
    })
    .ajaxStop(function() {
        $(this).fadeOut();
    });

getJSON() gibt ein Versprechen zurück, auf das Sie zugreifen können abort Funktion:

var p = $.getJSON(..., function(){ alert('success');});
setTimeout(function(){ p.abort(); }, 2000);

BEARBEITEN : aber wenn Ihr Ziel nur darin besteht, abzubrechen, wenn es zu lange dauert, dann ist die Antwort von lethal-guitar besser.

getJSON() ist nur eine Abkürzung für Folgendes:

$.ajax({
    dataType: "json",
    url: url,
    data: data,
    success: success
});

Könntest du also verwenden $.ajax() und spezifizieren die timeout Variante nach Wunsch. Siehe auch: http://api.jquery.com/jQuery.getJSON/

Wie von Lethal-Guitar erwähnt getJSON() Funktion ist nur eine Abkürzung für $.ajax(). Wenn Sie feststellen möchten, ob ein Timeout statt eines tatsächlichen Fehlers aufgetreten ist, verwenden Sie den folgenden Code.

var request = $.ajax({
    dataType: "json",
    url: url,
    data: data,
    success: function( ) { },
    timeout: 2000
}).fail( function( xhr, status ) {
    if( status == "timeout" ) {
        // do stuff in case of timeout
    }
});

Es gibt immer auch die nukleare Route:

//Set AJAX timeout to 10 seconds
$.ajaxSetup({
  timeout: 10*1000
});

Dadurch werden alle AJAX-Anforderungen Ihres Programms (auch über $.getJSON) so eingestellt, dass sie eine Zeit von 10 Sekunden (oder was auch immer) haben.

Die setTimeout-Funktion führt eine Reihe von Codes nach einer bestimmten Anzahl von Milisecons im globalen Gültigkeitsbereich aus.

Die getJSON-Funktion (gemäß der jQuery-Dokumentation hier http://api.jquery.com/jQuery.getJSON/) ist eine Abkürzung für:

$.ajax({
  dataType: "json",
  url: url,
  data: data,
  success: success
});

Sie möchten Ihren Anruf also so tätigen:

$.ajax({
  dataType: "json",
  url: url,
  data: data,
  success: success,
  timeout: 15000
});

$('.loadingDiv')
    .hide()
    .ajaxStart(function() {
        $(this).fadeIn();
    })
    .ajaxStop(function() {
        $(this).fadeOut();
    });

Ich halte keine dieser Antworten für ideal. Ich weiß, dass dies Jahre zu spät ist, aber Sie möchten die Erfolgs-/Fehler-Callback-Optionen der verwenden .ajax(); -Methode beim Empfang einer JSONP-Antwort.

Beispiel, wie ich das strukturieren würde:

    // Call
    $.ajax({

      // URL you want to get
      url: 'http://example.com/json?callback=?',

      // Set a realistic time in milliseconds
      timeout: 3000,

      // Put in success callback function here, this example
      // shows you the data you got back from the call
      success: function(data) {
        console.log(data);
      },

      // Put in an error handling function, just an alert in this case
      error: function(badData) {
        alert('The call was unsuccessful');
      },

      type: 'POST'
    });