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
- Erreur ajax ✓ - Forum Javascript
- Ajax - les messages d'erreur avec echo ✓ - Forum PHP
- Yggtorrent erreur ajax - Forum Webmastering
- Erreur ajax c'est quoi ✓ - Forum Webmastering
- Probleme AJAX - Forum Webmastering
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>