Vous êtes sur la page 1sur 12

Compte rendu

TD3+TD4

Elve-ingnieur

BERRACHEDI Chaima Sertel B

BERRACHEDI Chaima

Sommaire
1. TD 3 ........................................................................................................3
1.1 BASE DE DONNEES : .........................................................................3
1.2 LE FORMULAIRE : ...............................................................................4
2. TD 4 ..................................................................................................... 11
2.1 AJAX : ............................................................................................ 11
2.2 TRAVAIL DEMANDE : ..................................................................... 11
2.3 CODE : ............................................................................................ 11
2.3 RESULTAT : ..................................................................................... 12

Page 2

1. TD 3
1.1 Base de donnes :
Une fois on cre la base, on imorte le fichier SQL contenant la table hotel ainsi que certains lments.

BERRACHEDI Chaima

1.2 le formulaire :
Il sagit dun simple formulaire ayant pour but la ralisation de 5 fonctionnalits : Test de la
connexion, visualisation de la table, insertion dun lment dans la table, suppression dun
lment et modification dun attribut. On vrifiera chacune de ces fonctionnalits dans cette
partie.

Page 4

Test de connexion
Grce Mysqli, on vrifie la connexion au serveur et la base.

Rsultat

Affichage de la table
PHP permet dexcuter des requtes sql :

Requte SQL

Contenu de la base de donnes :

BERRACHEDI Chaima

Rsultat

Insertion dans la table

Page 6

Requte SQL

Rsultat

BERRACHEDI Chaima

Suppression dun lment de la table

Requte SQL

Rsultat :

Page 8

Modification dun lment de la table

Requte SQL

BERRACHEDI Chaima

Rsultat

Page 10

2. TD 4
2.1 AJAX :

L'architecture informatique Ajax (acronyme d'Asynchronous JavaScript and XML) permet


de construire des applications Web et des sites web dynamiques interactifs sur le poste
client en se servant de diffrentes technologies ajoutes aux navigateurs web entre 1995 et
2005.
Ajax combine JavaScript, les CSS, JSON, XML, le DOM et le XMLHttpRequest afin
d'amliorer maniabilit et confort d'utilisation des Applications Internet Riches:
DOM et JavaScript permettent de modifier l'information prsente dans le navigateur
en respectant sa structure ;
L'objet XMLHttpRequest sert au dialogue asynchrone avec le serveur Web ;
XML structure les informations transmises entre serveur Web et navigateur.
2.2 Travail demand :
La fonction getResponseHeader : obtient la valeur d'un en-tte de rponse spcifi en
fonction du nom de l'en-tte. Pour afficher toutes les informations du Response Header on
utilise la fonction getAllResponseHeaders.
Le but de lexercice est dutiliser la fonction getResponseHeader pour dterminer la
date de la dernire mise jour dune page web.
La page html devra afficher cette ligne suivie dun bouton. Aprs avoir cliqu sur le
bouton, la page doit effectuer une transition dynamique grce Ajax et lobjet
XMLHttpRequest..

2.3 Code :

BERRACHEDI Chaima

2.3 Rsultat :

Page 12

Vous aimerez peut-être aussi