JQuery AJAX wird nicht auf Internet Explorer

angezeigt Ich habe ein Formular, das & eine SQL-Tabelle aktualisiert wählt.JQuery AJAX wird nicht auf Internet Explorer

JS:

<script> 
$(document).ready(function(){ 
    function fetch_data() 
    { 
     $.ajax({ 
      url:"select.php", 
      method:"POST", 
      cache:"false", 
      success:function(data){ 
       $('#live_data').html(data); 
      } 
     }); 
    } 
    fetch_data(); 

    function edit_data(id, text, column_name) 
    { 
     $.ajax({ 
      url:"edit.php", 
      method:"POST", 
      cache:"false", 
      data:{id:id, text:text, column_name:column_name}, 
      dataType:"text", 
      success:function(data){ 
       $('#updatesucess').html(data); 
        $('#updatesucess').delay(2000).fadeOut(300); 
      } 
     }); 
    } 
    $(document).on('blur', '.OilProd', function(){ 
     var id = $(this).data("id2"); 
     var OilProd = $(this).text(); 
     edit_data(id, OilProd, "OilProd"); 
    }); 
    }); 
</script>

Form:

<html> 
    <head> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
     <title>Live Table Data Edit</title> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

    </head> 
    <body> 
     <div class="container"> 
      <div class="row"> 
      <div class="col-lg-12"> 
       <div class="panel panel-default"> 
        <div class="panel-heading"> 
         <strong>Kodiak Daily Production 
        </strong> 
        </div> 
        <!-- /.panel-heading --> 
        <div class="panel-body"> 


      <div class="table-responsive"> 
       <div id="updatesucess"></div> 
       <p></p> 
       <div id="live_data"></div>     
      </div> 
     </div> <!-- close panel body --> 
     </div> <!-- panel panel-default --> 
     </div> <!-- close col-lg-12 --> 
     </div> <!-- close row --> 
     </div> <!-- Close Container --> 
    </body> 
</html>

Der folgende Code zeigt den Inhalt der PHP auf Firefox und Chrome, aber nicht in IE8/9.

habe ich versucht, die folgenden

Set Cache: "false", async: false, geändert von Pfosten zu erhalten, aber nicht gehen.

Was muss ich noch tun, um dies in Internet Explorer 8-11 arbeiten zu lassen ???

UPDATE:

addiert den folgenden Tag in HTML und kann nun atleast Anzeigedaten, aber nicht in der Lage alle Bearbeitungen auf dem Formular zu machen.

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Quelle

2016-09-21 user2912702

möglicherweise JavaScript deaktiviert ist in Ihrem IE überprüfen und korrigieren –

Java-Skript aktiviert ist. – user2912702

Testen Sie die Daten alert (data) oder console.log (data) als erste Zeile im Block {success {}. Ich denke, dass eine der jQuery-Funktionen auf IE –

Aus irgendeinem Grund hat Internet Explorer manchmal sein eigenes Leben in Bezug auf Cache. Wenn Sie die Registerkarte Netzwerk in der Internet Explorer-Konsole überprüfen, sehen Sie für die Ajax-Anforderung einen Status 304 (nicht geändert). Ich habe das manchmal erlebt, und es scheint, als ob die Anfrage vom Internet Explorer blockiert wird und niemals den Server erreicht.

Sie können versuchen, das Problem zu lösen, indem Sie der Ajax-Funktion einen get-Parameter mit einer Zufallszahl hinzufügen.

Quelle

2016-09-21 19:40:56

Änderungen am Code vorgenommen, Änderungen konnten nicht vorgenommen werden. – user2912702

Trotz Ausführung von IE11 und Angabe von X-UA-Compatible sollten Sie immer noch überprüfen, welchen Rendermodus IE verwendet. Überprüfe insbesondere, ob der Quirks-Modus nicht verwendet wird, da dies definitiv Ajax (und viele andere Features) zerstören wird.

Ich vermute, dass dies das Problem sein kann, da Ihr HTML-Code keinen DOCTYPE enthält, und ein fehlender Doctype automatisch IE in Quirks-Modus springt.

Problem beheben, indem Sie den HTML5 Doctype Anfang der HTML-Datei (unmittelbar über den <html> Tag):

<!DOCTYPE html>

Dies sollte das Problem lösen.

Quelle

2016-09-21 21:09:19 Spudley

Hinzugefügt das Tag '' aber immer noch nicht gehen. – user2912702

JQuery AJAX wird nicht auf Internet Explorer

Antwort

Verwandte Themen