Chiamata di fail chiamata chiamata anche se la richiesta Ajax viene eseguita e il server restituisce 200 con dati

Question

Ho una pagina Web di prova HTML5 test.html con un manifest di cache. La pagina web fa una richiesta Ajax allo stesso server, a una pagina web do_get_data.php elencata nella sezione NETWORK: nel manifest della cache.

La richiesta viene eseguita da Firefox 10 e iPhone iOS 5 Safari (questo è registrato nello script PHP di servizio do_get_data.php). Firefox 10 chiama la funzione di callback success dopo 10 secondi, ovvero quando vengono restituiti i dati dal server. Tuttavia, il mio iPhone iOS 5 Safari chiama immediatamente la funzione di callback fail dopo aver avviato la richiesta e non chiama la funzione di callback success.

Per iPhone iOS 5 Safari, il textStatus è error e JSON.stringify(jqXHR) è {"readyState":0,"responseText":"","status":0,"statusText":"error"}.

La richiesta viene eseguita utilizzando il seguente codice nel test.html:

<script type="text/javascript"> 
    function test_ok(data) { 
     alert('Test OK, data: ' + JSON.stringify(data)); 
    } 
    function testFail(jqXHR, textStatus) { 
     alert(textStatus + ' | ' + JSON.stringify(jqXHR)); 
    } 
    function get_data(testurl) { 
     var senddata, request; 
     alert('Request for ' + testurl + ' started.'); 
     window.testid = new Date().getTime(); 
     senddata = { 
      background: true, 
      requestId: window.testid 
     }; 
     request = $.ajax({ 
      url: testurl, 
      cache: false, 
      type: "GET", 
      data: senddata, 
      success: test_ok 
     }); 
     request.fail(testFail); 
    } 
</script> 

<input type="button" onclick="get_data('do_get_data.php')" value="test sending" /> 

Per riferimento, do_get_data.php assomiglia a questo:

<?php 
    $id = md5(rand() . rand()); 
    trigger_error(implode("\t", array('start', $id, $_SERVER['REQUEST_URI'], $_SERVER['REMOTE_ADDR'], $_SERVER['USER_AGENT'])); 
    sleep(10); 
    header('Content-Type: application/json'); 
    $json = json_encode(array('msg'=>'Test was OK')); 
    trigger_error(implode("\t", array('echo', $id, $json)); 
    echo $json; 
?> 

Answer 1

Che cosa succede se si cambia la $.ajax chiamata a

$.ajax({ 
    url: testurl, 
    cache: false, 
    type: "GET", 
    data: senddata 
}).then(
    function(result) { test_ok(result); }, 
    function(result) { testFail(result); } 
); 

Answer 2

Mi è stato dato di capire che le cause del codice di stato 0 sono (1) il caricamento da file://, (2) la risorsa di rete irraggiungibile e (3) il criterio del dominio incrociato. Dato che carichi PHP, possiamo tranquillamente governare il numero 1 e dato che il tuo server registra Safari anche il numero 2, che ci lascia 3. 3. Tutto il codice sopra si trova nello stesso dominio? In caso contrario, utilizzare l'intestazione HTTP Access-Control-Allow-Origin nel PHP per consentire richieste tra domini diversi.

header('Access-Control-Allow-Origin: http://example.org') 

Inoltre, è necessario assicurarsi, il clic sull'ingresso pulsante esegue solo il onclick e non qualsiasi altro comportamento di default (qualunque essa sia sul iOS). Tornando false dal gestore onclick impedirebbe esso:

<input type="button" onclick="get_data('do_get_data.php'); return false" ... /> 

UPDATE:

Come ultima risorsa si può sempre semplicemente disabilitare la cache manifesta per spostare la sua attuazione forse buggy fuori strada.

Answer 3

Non sono sicuro di come si esegue il sito in iOS, ma c'è stato un problema con le richieste jQuery e AJAX durante l'utilizzo di file manifesto: http://bugs.jquery.com/ticket/8412

Anche se si sta già che elenca le risorse che rientrano nella sezione Rete del manifesto, vorrei suggerire di provare l'altra soluzione elencata là:

jQuery.ajaxSetup({ 
    isLocal: true 
}); 

Answer 4

ho lottato con questo per un po 'e la risposta è stata nelle risposte rapporto bug:

uso

RETE: *

nella cache manifest per evitare la memorizzazione nella cache la richiesta AJAX troppo.