Discussion :

[Bayard]

Bonjour

Je dois accéder à une base de donnée Oracle depuis le FrontEnd.
J'aimerais savoir quelle est la meilleur techno pour cela. Un tutoriel est également bienvenu.

La documentation Oracle me parait verbeuse, mais je n'ai pas trouvé un exemple simple.
A minima, il semble qu'il faille permettre à la base d'autoriser une API Rest : https://developer.oracle.com/dsl/odb...s-js-rest.html

Idéalement, j'aimerais quelques lignes de Javascript pour lire / écrire des données directement depuis une page HTML.

Belle journée.

Cordialement

[ABCIWEB]

Et côté serveur tu utilises quelle technologie pour faire tes requêtes ?

D'une manière générale on utilise AJAX pour faire des requêtes vers le serveur sans recharger la page. Ensuite si ton serveur est par exemple php, tu fais ta requête Oracle avec oci_connect et tu fais afficher en retour soit du texte basique, soit du html, soit un tableau avec json_encode, que tu pourras exploiter en javascript en retour de requête (par exemple avec innerHtml() si tu as choisi de retourner du html). Le principe est expliqué dans le précédent lien.

[Bayard]

Côté serveur, je suis en Python / Fastapi.
Et c'est du bonheur.


Au sujet d'Ajax: https://developer.mozilla.org/fr/doc...etting_Started

est-ce qu'il est normal d'avoir

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
if (window.ActiveXObject) { // IE 6 et antérieurs
    httpRequest = new ActiveXObject("Microsoft.XMLHTTP");

Est-ce que ce code fonctionne bien avec tout les navigateurs et n'est pas du code propriétaire ?

[tag9724]

Tu peux oublier ActiveX c'était la façon de faire des requêtes Ajax sous les vielles versions d'internet Explorer, c'est d'ailleurs pour ça que pas mal de site de l'époque ne fonctionnaient que sous IE. ActiveX est bien propriétaire de Microsoft d'ailleurs.

En règle général je te dirais même d'oublier le support d'internet explorer tout cours, IE 11 commence a dater et Microsoft eux même abandonnent progressivement leur vieux navigateur au profit de Edge.

Tu devra donc utiliser XMLHttpRequest ou encore Fetch qui est plus récent mais malgré tout largement supporté par tout les navigateurs aujourd'hui.

[Bayard]

De ce que je sais Json est plus récent que XML.

De ce que je comprends Fetch utilise Json

https://developer.mozilla.org/en-US/...PI/Using_Fetch

et mon ami FastApi parle Json couramment

https://fastapi.tiangolo.com/tutorial/encoder/

[tag9724]

Fetch n'utilise pas nécessairement du JSON, fetch est une alternative à XMLHTTPRequest avec quelques fonctionnalités en plus.

La plus grosse différence avec XMLHTTPRequest est la syntaxe à base de Promesses que Fetch utilise et qui permet de structurer le code autrement.
Une requêtes faite avec fetch pourrais ressembler à ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
const recupérerContenuJson = async () => {
  const response = await fetch("contenu.json")
 
  // La requête a finie d'être envoyée et renvoie un status 200
  if (response.ok) {
    return response.json()
  }
}
 
// Une fois appelé ailleurs
const data = await recupérerContenuJson()
uneAutreFonction(data)

Son équivalent avec XMLHTTPRequest ressemblerais lui à :

Code :

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
function recupérerContenuJson(callback = () => {}) {
  const requete = new XMLHttpRequest()
 
  requete.onload = () => {
    const data = JSON.parse(requete.responseText)
    callback(data)
  }
 
  requete.open("GET", "contenu.json")
  requete.send()
}
 
// Une fois appelé ailleurs
recupérerContenuJson((data) => {
  uneAutreFonction(data)
})

C'est surtout une question de préférence dans ton cas, les deux méthodes fonctionnent très bien pour faire des requêtes Ajax.

De ce que je sais Json est plus récent que XML.

Oui mais c'est surtout que JSON est bien plus adapté pour stocker des données et les traiter.
Un JSON est grossièrement un objet Javascript ( d'où son nom : Javascript Object Notation ), mais qui ne stockera que des données ( donc pas de fonctions JS par exemple ).

C'est ce qui s'est imposé comme standard, c'est une bonne pratique de renvoyer les données en JSON quand tu créer une API REST.