come utilizzare la richiesta API GET sulla pagina HTML con javascript/ajax per recuperare i dati?

sto seguendo questa documentazione: https://docs.oracle.com/cloud/latest/marketingcs_gs/OMCAC/DeterminingBaseURL.html

usare l'autenticazione di base.

ho già determinato l'URL di base, quindi sto usando l'URL di base direttamente nel codice.

non sono al 100% se ho bisogno di codice di autorizzazione o no (non so, come lo farò) quindi non sto usando questo nel mio codice: https://docs.oracle.com/cloud/latest/marketingcs_gs/OMCAC/Authentication_Basic.html

sto cercando di ottenere un elenco di e-mail da una semplice richiesta GET come qui: https://docs.oracle.com/cloud/latest/marketingcs_gs/OMCAC/api-application-2.0-emails.html

finora ho creato questo codice, ma non vedo alcun successo? perché? perché? c'è qualche problema con il mio codice? qualcuno può aiutare per favore?

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            var username = "MYUSERNAME";
            var password = "MYPASSWORD";

            function make_base_auth(user, password) {
                var tok = user + ':' + password;
                var hash = btoa(tok);
                return "Basic " + hash;
            }

            var url1 = 'https://BASEURL.com/api/REST/2.0/assets/emails';
            $.ajax
                ({
                    type: "GET",
                    url: url1,
                    dataType: 'json',
                    cache: false,
                    //contentType: 'application/x-www-form-urlencoded',
                    headers: {
                        'Accept': 'text/html',
                        'Content-Type': 'application/json',
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'Access-Control-Allow-Origin': '* ',
                        'Access-Control - Allow - Headers': 'Origin, X-Requested - With, Content-Type, Accept'
                    },
                    //async: false,
                    //data: '{}',
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader('Authorization', make_base_auth(username, password));
                    },
                    success: function (result) {'
                        console.log(result);
                        alert('success - this is working');
                    }
                    //success: function (jsondata) {
                    //    console.log(status);
                    //}
                });

            alert("done");
        });

    </script>
</head>
<body>





</body>
</html>

sto ottenendo l'avviso "fatto" ma nient'altro sta accadendo. si prega di aiutare!


En title : How to use API GET request on HTML page with javascript/ajax to retrieve data?

2 Comments:

  1. Alert fatto è al di fuori della funzione asincrona, quindi viene chiamato non importa quale, non fornisce alcuna informazione sul risultato della chiamata AJAX. è possibile fornire un gestore per fail e done per vedere cosa va storto? è inoltre possibile controllare la console del browser.
  2. si prega di controllare questo codepen (ho fatto con il codice) e sostituirlo con il tuo url reale richiesta.

    quando si fa clic sul pulsante, si vedrà l'url è richiesto con successo come seguente immagine

    enter image description here

    assicurarsi di utilizzare dataType: 'jsonp' per cross-site richiesta.

    inoltre, nel vostro codice, c'è una singola citazione redudant alla fine della riga success: function (result) {', si prega di rimuoverlo.

    per il alert("done"), è sempre eseguito perché non fa parte del processo async. e 'eseguito subito dopo il comando ajax attivato.

More similar articles:

  • ottieni dati dalla richiesta GET in parametri node.js non definiti
  • come reindirizzamento alla stessa pagina con i parametri $_ GET nell'URL
  • come inviare una richiesta del corpo con GET
  • ottenere la posizione corretta di un utente da visualizzare sullo schermo
  • la scheda Nessuna intestazione 'Access-Control-Allow-Origin' è presente sulla risorsa richiesta. AngularJS
  • Weather API - Aggiungi parametri al modulo HTML con GET
  • API chiamata non restituire i dati. http.get ()
  • come fare una richiesta Yelp API GET su postman?
  • ottenere richiesta non funziona in React Component
  • altezza e larghezza specifiche di una foto in una richiesta API
  • quando si effettua una chiamata REST API, è possibile includere il tasto Autorizzazione nell'url, come in una richiesta GET?
  • Python - come estrarre i dati tramite loop tramite API paginate (Harvest)
  • richiesta HTTP GET errore di origine incrociata per l'API FRED
  • utilizzando una richiesta POST per ottenere un token di autorizzazione e quindi utilizzando la risposta POST in una richiesta GET
  • errore nella richiesta API di Google Places
  • come utilizzare il python api di Elasticsearch per avere una panoramica di tutte le istantanee che sono state create
  • le API ottengono problemi di cross domain - Cross-Origin Read Blocking (Corb)
  • per Restful API, metodo GET può utilizzare i dati json?
  • come scrivere una richiesta di pacchetti REST in C #?
  • come chiamare il servizio web utilizzando il metodo post con i parametri di richiesta per il seguente api
  • raccogliere dominio client dalla richiesta API Rails GET
  • API di OneNote (REST) - <div>tags seeem da rimuovere durante PATCH</div>
  • c'è un modo più veloce per loop attraverso le pagine di una richiesta get in python?
  • ottieni il payload della richiesta HTTP
  • come analizzare il xml da questo url
  • prova a controllare l'output dell'array inviato dalla richiesta GET
  • è resto POST Api automaticamente riprovare dal browser come Get Api?
  • JavaScript - Vue js scaricare dal file
  • valore di una proprietà in laravel 5.4 $richiesta in più metodi
  • JavaScript API Ottenere il nome utente