Discussion :

[Slushgood]

Bonjour,
Je suis complétement débutant avec Ajax.
Je cherche construir une url de récupération.

Code :

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

1
2
3
4
5
6
7
8
 
var ajax = new XMLHttpRequest();
 
ajax.open("GET", "http://localhost/joomla4/index.php?option=com_moncomposant&task=Arthur.suggest&format=json&tmpl=component", true);
ajax.onload = function() {
	var list = JSON.parse(ajax.responseText).map(function(i) { return i.title; });
	new Awesomplete(document.querySelector("#mod-mbsearch-searchword"),{ list: list });
};

comment construir mon url pour qu'elle puisse ressembler à cela mais en remplaçant http://localhost/joomla4/ ?
"http://localhost/joomla4/index.php?option=com_moncomposant&task=Arthur.suggest&format=json&tmpl=component"
merci pour votre aide

[mathieu]

vous voulez construire l'url en fonction de l'adresse de l'application pour ne pas avoir "localhost" en dur dans le code ?

[Slushgood]

bonjour,
oui c'est bien cela
Je peux aussi le faire via une balise php s'il le faut

[mathieu]

ce qui se fait souvent est que l'url de base est inscrite dans la configuration côté serveur.
et ensuite vous pouvez utiliser cette valeur dans le code javascript comme cela :

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
17
<?php
 
const URL_BASE = "https://monsite.eo"; // valeur lue dans la configuration
 
?>
 
 
<script>
 
let url_base = <?php echo json_encode(URL_BASE);?>;
let url_ajax = url_base + "/index.php?option=com_moncomposant";
 
 
console.log("url_ajax : " + url_ajax);
 
 
</script>

[Slushgood]

donc chez moi cela devrait donner :

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
17
18
 
<?php
    const URL_BASE ="http://localhost/joomla4/index.php?option=com_moncomposant&task=Arthur.suggest&format=json&tmpl=component";
 
?>
 
 
<script>
var ajax = new XMLHttpRequest();
let url = <?php echo json_encode(URL_BASE);?>
ajax.open("GET", url , true);
ajax.onload = function() {
	var list = JSON.parse(ajax.responseText).map(function(i) { return i.title; });
	new Awesomplete(document.querySelector("#mod-mbsearch-searchword"),{ list: list });
};
ajax.send();
 
</script>

là ça ne fonctionne pas

[Slushgood]

cette fonction que j'aimerais mettre sur mon site.
Mais l'adresse doit être dynamique