2016-12-02 5 views
0
<script type="application/javascript"> 
    $(function() { 
     $('#btnUsingjQuery').click(function() { 
      $.ajax({ 
       url: "https://maps.googleapis.com/maps/api/js?key=12345", 
       dataType: 'jsonp', 
       success: function (results) { 
        window.location.href = "www.google.com"; 
       } 
      }); 
     }); 
    }); 
    </script> 

oben sind meine jquery code, die zu einer externen api verbinden, egal erfolg oder fehlschlagen wird es umleiten zu google.com.jquery trigger eine externe api

ich konfrontiert Fehler nach dem Klicken auf die Schaltfläche: Abgelehnt, Skript von API auszuführen, weil seine MIME-Typ ('Text/HTML') nicht ausführbar ist, und strenge MIME-Typ-Prüfung aktiviert ist. versuchte Änderung type = "application/javascript" noch, aber mit dem Problem konfrontiert. irgendwelche ideen warum?

Antwort

0

Wenn Sie es auf json setzen, werden Sie einen Fehler sehen, was bedeutet, dass Sie keine Berechtigung haben, auf diesen API zuzugreifen. Ich denke, wenn Sie Google Map Api verwenden möchten, müssen Sie sich registrieren und ein Token für den Zugriff auf die API erhalten.

XMLHttpRequest nicht https://maps.googleapis.com/maps/api/js?key=12345 laden. No Der 'Access-Control-Allow-Origin'-Header ist auf der angeforderten -Ressource vorhanden. Origin 'null' ist daher nicht erlaubt.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="btnUsingjQuery">Click</button> 
 

 
<script type="application/javascript"> 
 
    $(function() { 
 
     $('#btnUsingjQuery').click(function() { 
 
      $.ajax({ 
 
       url: "https://maps.googleapis.com/maps/api/js?key=12345", 
 
       dataType: 'json', 
 
       success: function (results) { 
 
        window.location.href = "www.google.com"; 
 
       } 
 
      }); 
 
     }); 
 
    }); 
 
    </script>

+0

Nein hinzufügen "Access-Control-Allow-Origin-Header ist auf der angeforderten Ressource vorhanden. Ursprung, erhalten diesen Fehler ... – KyLim

0

Sie dies versuchen ....

<script type="application/javascript"> 
     $(function() { 
      $('#btnUsingjQuery').click(function() { 
       $.ajax({ 
        url: "https://maps.googleapis.com/maps/api/js?key=12345", 
        dataType: 'jsonp', 
        success: function (results) { 
         window.location='https://www.google.co.in'; 
        } 
       }); 
      }); 
     }); 
    </script> 

ich meine nur

window.location='https://www.google.co.in'; 
+0

Kein 'Access-Control-Allow-Origin'-Header ist auf der angeforderten Ressource vorhanden. Origin, erhalten diesen Fehler ..... – KyLim

+0

überprüfen Sie einfach diesen Link - http://StackOverflow.com/Questions/28547288/No-Access-Control-allow-origin-Header-is-present-on-the-requested- Ressourcenfehler –