Ajax : problèmes de débutant
Zhales
-
KiKiLeMMerDeuR Messages postés 297 Statut Membre -
KiKiLeMMerDeuR Messages postés 297 Statut Membre -
Bonjour à tous,
Voici deux énoncés sur lesquels je sèche,
Question 1 :
- Faites un fichier (3 lignes) qui modifie les entêtes de réponse HTTP pour ajouter Content-Type: text/plain;charset=UTF-8, et renvoie un texte de votre choix (par exemple la date, ou Hello world)
Ce fichier sera référé par la suite par texte.php
Utile: echo, header (PHP)
Question 2 :
- Faites une page qui comprend uniquement une zone cliquable (faite comme vous le voulez, un paragraphe marqué Cliquez suffit bien). Lorsque l'on clique sur cette zone, le texte renvoyé par texte.php est ajouté au corps du document.
Vous le ferez de trois façons successivement: $.get, $.ajax (avec gestion des erreurs), $('#monparagraphe').load(...).
Ce que j'ai fait :
Question 1 :
Problème ==> Malgré mes recherches un peu partout, impossible de savoir/comprendre ou s'effectue le changement d'entête.
J'ai bien cherché avec la console javascript mais pas de changement visible.
Question 2 :
Problème ==> Le code récupérer n'est pas interprété, je m'y attendais plus ou moins mais je n'arrive pas précisément à comprendre pourquoi n'y comment régler ça.
Voici deux énoncés sur lesquels je sèche,
Question 1 :
- Faites un fichier (3 lignes) qui modifie les entêtes de réponse HTTP pour ajouter Content-Type: text/plain;charset=UTF-8, et renvoie un texte de votre choix (par exemple la date, ou Hello world)
Ce fichier sera référé par la suite par texte.php
Utile: echo, header (PHP)
Question 2 :
- Faites une page qui comprend uniquement une zone cliquable (faite comme vous le voulez, un paragraphe marqué Cliquez suffit bien). Lorsque l'on clique sur cette zone, le texte renvoyé par texte.php est ajouté au corps du document.
Vous le ferez de trois façons successivement: $.get, $.ajax (avec gestion des erreurs), $('#monparagraphe').load(...).
Ce que j'ai fait :
Question 1 :
<?php
header("Content-Type: text/plain;charset=UTF-8");
echo 'hello word';
?>
Problème ==> Malgré mes recherches un peu partout, impossible de savoir/comprendre ou s'effectue le changement d'entête.
J'ai bien cherché avec la console javascript mais pas de changement visible.
Question 2 :
$(function(){
$('p').click(cible);
function cible(){
$.get("text.php", function(data){
$('p').text("Data Loaded: " + data);
});
}
});
Problème ==> Le code récupérer n'est pas interprété, je m'y attendais plus ou moins mais je n'arrive pas précisément à comprendre pourquoi n'y comment régler ça.
A voir également:
- Ajax : problèmes de débutant
- Problème ajax ✓ - Forum Webmastering
- Erreur ajax c est quoi ✓ - Forum PHP
- Easyphp ajax ✓ - Forum PHP
- Ajax ne fonctionne pas... ? - Forum Programmation
- Le technologie AJAX ✓ - Forum Réseaux sociaux
1 réponse
Utilise ce code:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> $("p").live("click",function(){ var url = "url de texte.php"; $.ajax({ url: url, success: function(data) { $("body").append(data); }, error: function() { // code a executer en cas d erreur } }); }); </script>