IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

CORS html/javascript


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre habitu�
    Homme Profil pro
    �tudiant
    Inscrit en
    Mai 2019
    Messages
    10
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 27
    Localisation : France, Jura (Franche Comt�)

    Informations professionnelles :
    Activit� : �tudiant

    Informations forums :
    Inscription : Mai 2019
    Messages : 10
    Par d�faut CORS html/javascript
    Bonjour,
    J'aimerais, depuis une page html pouvoir effectuer une requ�te http vers un syst�me se trouvant dans mon r�seau. Pour cela j'utilise javascript et XMLHttpRequest.
    Voici mon code :

    Code HTML : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    <!DOCTYPE html>
    <html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
    <head>
        <meta charset="UTF-8">
        <title>data</title>
    </head>
     
    <body>
    <button onclick="blabla()">getSipStatus</button>
    </body>
     
    <script type="text/javascript">
        function blabla(){
            var xhr = new XMLHttpRequest();
            return new Promise(function(resolve, reject) {
                xhr.onreadystatechange = function() {
                    if (xhr.readyState == 4) {
                        if (xhr.status >= 300) {
                            reject("Error, status code = " + xhr.status)
                        } else {
                            resolve(xhr.responseText);
                            console.log(xhr.responseText)
                        }
                    }
                }
                url="http://192.168.10.102/bha-api/sip.cgi?action=status"
                xhr.open('get', url, true)
                xhr.setRequestHeader("Access-Control-Allow-Origin","http://localhost:3000")
                xhr.setRequestHeader('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
                xhr.setRequestHeader('Access-Control-Allow-Headers', 'Content-Type');
                xhr.send();
            });
        }
    </script>
     
    </html>

    Et voici l'erreur que j'obtient lorsque je charge cette page dans chrome ou firefox :

    Access to XMLHttpRequest at 'http://192.168.10.102/bha-api/sip.cgi?action=status' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

  2. #2
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    Il s'agit d'une s�curit�, tu ne peux pas faire uen requ�te ajax sur un autre domaine sans autorisation:

    fais une petit recherche avec
    Access-Control-Allow-Origin:
    Tu arriveras sur des liens de ce type
    https://developer.mozilla.org/fr/doc...OriginManquant
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  3. #3
    Membre habitu�
    Homme Profil pro
    �tudiant
    Inscrit en
    Mai 2019
    Messages
    10
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 27
    Localisation : France, Jura (Franche Comt�)

    Informations professionnelles :
    Activit� : �tudiant

    Informations forums :
    Inscription : Mai 2019
    Messages : 10
    Par d�faut
    J'ai d�j� regard� sur les forums etc mais aucunes solutions propos�es ne fonctionne pour moi. J'ai ajout� les bonne autorisations dans le header mais aucun r�sultat ...

  4. #4
    Membre habitu�
    Homme Profil pro
    �tudiant
    Inscrit en
    Mai 2019
    Messages
    10
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 27
    Localisation : France, Jura (Franche Comt�)

    Informations professionnelles :
    Activit� : �tudiant

    Informations forums :
    Inscription : Mai 2019
    Messages : 10
    Par d�faut
    Si je tape l'url : http://192.168.10.102/bha-api/sip.cgi?action=status dans mon navigateur j'obtient un Json. L'adresse 192.168.10.102 est pr�sente dans mon r�seau local et je ne peux pas du tout modifier la configuration de cette machine afin d'ajout� certaines autorisations.
    J'aimerais juste depuis une page html r�cup�rer le json renvoy� par cette adresse.

  5. #5
    Membre Expert
    Avatar de Doksuri
    Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2006
    Messages
    2 495
    D�tails du profil
    Informations personnelles :
    �ge : 55
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 495
    Par d�faut
    Citation Envoy� par mathias39 Voir le message
    Si je tape l'url : http://192.168.10.102/bha-api/sip.cgi?action=status dans mon navigateur j'obtient un Json
    c'est normal... tu ne requetes pas l'url depuis un autre domaine...
    comme l'a precise SpaceFrog, c'est par securite que les ajax cross-domain ne sont pas autorises. il faut que dans la conf de ton serveur tu autorise un (ou tous) autre domaine a acceder a ton serveur
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    Venez discuter sur le Chat de D�veloppez !

  6. #6
    Membre habitu�
    Homme Profil pro
    �tudiant
    Inscrit en
    Mai 2019
    Messages
    10
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 27
    Localisation : France, Jura (Franche Comt�)

    Informations professionnelles :
    Activit� : �tudiant

    Informations forums :
    Inscription : Mai 2019
    Messages : 10
    Par d�faut
    Mais je ne peux pas acc�der du tout � la configuration du serveur se trouvant sur l'adresse ip cible de ma requ�te

Discussions similaires

  1. [Struts] A quoi sert html:javascript ?
    Par zeTang dans le forum Struts 1
    R�ponses: 9
    Dernier message: 06/09/2005, 09h16
  2. visualisation de pages html javascript
    Par magic.goby dans le forum MFC
    R�ponses: 2
    Dernier message: 23/06/2005, 11h38
  3. Version HTML & Javascript
    Par Blustuff dans le forum G�n�ral JavaScript
    R�ponses: 4
    Dernier message: 15/03/2005, 23h38
  4. [HTML/JAVASCRIPT]Sortir d'une iframe
    Par tidou dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 2
    Dernier message: 19/01/2005, 15h26
  5. [html][javascript] probleme <select> affichage
    Par maysa dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 2
    Dernier message: 29/09/2004, 15h17

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo