2017-03-01 2 views
0

Ich habe versucht, diesen Code, um die Daten in einem Google-Tabellenkalkulation, die ich bereits veröffentlicht haben.Auch habe ich die Option "jeder kann bearbeiten" in den Eigenschaften des Spreadsheet.I gab die richtige URL ... Aber immer noch Fehler. Hoffe, dass jemand mir helfen kann mit diesem ... Abrufen von Daten aus Google-Tabellen mit Ajax erhalten

<!DOCTYPE html> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head> 
 
    <title></title> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
    <script> 
 
     $(document).ready(function() { 
 
      console.log("working"); 
 
      $("#btnsubmit").click(function() { 
 
       console.log("click working"); 
 
       $.ajax({ 
 
        type: "GET", 
 
        url: "https://docs.google.com/spreadsheets/d/1fZM17gx-wo7PQIxHGe6kM4Wv1f2a-5sGhcnjGTCf5Bk/pubhtml", 
 
        data: "task=addNewInfo&" + $('#regForm').serialize(), 
 
        contentType: "application/json; charset=utf-8", 
 
        dataType: "html", 
 
        success: function (data, status) { 
 
         alert(data); 
 
         alert(data.ip); 
 
        }, 
 
        error: function (xqhr, error, exception) { 
 
         alert("error"); 
 
        } 
 
       }); 
 

 
       }); 
 
           
 
      }); 
 
    </script> 
 
</head> 
 
<body> 
 
    <input type="button" value="submit" id="btnsubmit" /> 
 
</body> 
 
</html>

+1

Sie einige Probleme haben. Wenn Sie das Snippet ausführen, wird zuerst ein Fehler angezeigt: 'Unexpected token}'. Dies liegt daran, dass Sie in Ihrem Code zu viele}}; Entfernen Sie es. Zweitens haben Sie zwei Versionen von jQuery hinzugefügt. Eine davon, 1.4.3, ist über 7 Jahre veraltet. Entferne das auch. Sobald dies erledigt ist, wird die Anfrage gemacht, aber es schlägt fehl, weil die Antwort von der Anfrage HTML ist und nicht JSON, wie Sie jQuery gesagt haben. Sie müssen die Logik ändern, um mit diesem HTML zu arbeiten. –

+0

Sie haben ein}}); zu viel. Löschen Sie einen und versuchen Sie es erneut. –

+0

Danke Rory McCrossan ..... Ich habe die Änderungen gemacht, auf die Sie hingewiesen haben. Aber immer noch Fehler bekommen –

Antwort

0

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>JS Bin</title> 
 
</head> 
 
<body> 
 
<script src="https://code.jquery.com/jquery-3.1.0.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-sheetrock/1.1.4/dist/sheetrock.min.js"></script> 
 
    <script> 
 
     $(document).ready(function() { 
 
      var mySpreadsheet = 'https://docs.google.com/spreadsheets/d/1fZM17gx-wo7PQIxHGe6kM4Wv1f2a-5sGhcnjGTCf5Bk/edit#gid=0'; 
 
      $('#tab').sheetrock({ 
 
       url: mySpreadsheet 
 
      }); 
 
      $('tab tr td').each(function() { 
 

 
            
 
       }); 
 
       }); 
 

 
    </script> 
 
    <table id="tab" style="display: none;"></table> 
 
</body> 
 
</html>