Appel des pages en Ajax

[riadh8]

Salut, j'ai une liste (ul li) des rubriques, et selon la rubrique sélectionnée j'affiche une formulaire bien précise.
le problème en utilisant http.open('GET', 'form1.php', true);
j'arrive pas à rendre l'url dynamique c a d il m'affiche la même formulaire quelque soit la rubrique sélectionnée. Ce que j'ai trouvé comme idée: à chaque fois l'utilisateur sélectionne une rubrique, je récupère l'id du "li" et je l'envoi à la page ajax.js et je rends l'url dynamique c a d elle devient sous cette forme (form"id"(id dynamique).php). j'ai essayé mais ça na pas marché.
svp aidez moi pour résoudre ce problème.
Merci d'avance.

j'ai réalisé 2 principaux pages :
index.php contenant la liste des rubriques en faisant appel à la page ajax.js
ma page ajax.js

Code :

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
37
38
39
var http; // Notre objet XMLHttpRequest
 
function createRequestObject()
{
    var http;
    if (window.XMLHttpRequest)
    { // Mozilla, Safari, IE7 ...
        http = new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    { // Internet Explorer 6
        http = new ActiveXObject("Microsoft.XMLHTTP");
    }
    return http;
}
 
function form()
{
    http = createRequestObject();
    http.open('GET', 'form1.php', true);
    http.onreadystatechange = handleAJAXReturn;
    http.send(null);
}
 
function handleAJAXReturn()
{
    if (http.readyState == 4)
    {
        if (http.status == 200)
        {
 
            document.getElementById('box').innerHTML = http.responseText;
        }
        else
        {
            alert('Pas glop pas glop');
        }
    }
}

[Bovino]

Tu es au courant qu'il est possible de passer des paramètres dans un requête ?

[riadh8]

oui je sais que c possible d'envoyer des paramètres dans:
http.open('GET', 'form1.php', true); pour que l'url soit dynamique.
j'ai essayé de récupérer l'id de chaque "li" avec jquery et l'envoyer en utilisant la fonction $.ajax, vers ajax.js ça na pas marché.
svp, Si vous avez une idée ou une solution pour m'aider n'hésitez pas.
merci

[peephole83]

Je ne vois pas trop où tu récupères l'ID du "li" dans ton code ?

Et je pense aussi qu'il est mieux d'utiliser $.ajax de jQuery, voir $.post pour simplifier l'écriture.
Ton souci est plus de comment récupérer l'ID ?

Il faut que tu récupères le click sur tes li :

Code :

1
2
3
4
5
6
7
8
 
$('#ID_UL li').click(function () 
{
    $.post('form.php', { id : $(this).attr('id') }, function (data)
    {
         $('box').html(data);
    }
});

Et dans ton script Php, tu récupères l'ID avec un "$_POST['id']".
Pas besoin de plusieurs pages.