Ajax : problèmes de débutant

Fermé
Zhales - 8 janv. 2013 à 20:11
KiKiLeMMerDeuR Messages postés 284 Date d'inscription dimanche 6 décembre 2009 Statut Membre Dernière intervention 6 décembre 2013 - 18 janv. 2013 à 14:50
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 :

<?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.

1 réponse

KiKiLeMMerDeuR Messages postés 284 Date d'inscription dimanche 6 décembre 2009 Statut Membre Dernière intervention 6 décembre 2013 36
18 janv. 2013 à 14:50
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>
0