[jQuery]Ajax et get avec un fichier php

Bonjour, un p'tit problème siouplait :mouarf:

Je voulais soumettre un form en asynchrone, donc je fais ce petit test:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 $(document).ready( function() { $('#testform form').submit( function() { $.get( 'form.php', $(this).find('text').serialize(), function(data) { $('#resp').html(data); } ); return false; } ); } );
Mon form:
Code:

1 2 3 4 5 6 7 8 9 <div id="testform"> <form> <input type="text" name="text" /> <input type="submit" /> </form> </div> <div id="resp"></div>
Et form.php
Code:

1 2 3 4 5 6 7 8 9 <?php if(isset($_POST['text'])) { echo($_POST['text'] . '<br />'); } ?>
Donc, ce que je voulais c'est quand on clique sur submit, on affiche le texte entré dans la zone de texte dans la page (dans le second div avec l'id "resp"), mais voilà ce qu'il m'affiche:

Citation:

'); } ?>

:merci:

Je serait toi je ferais comme sa :

Code:

1
2
3
4
5
6
7
8
9
 
<div id="testform">
    <form onsubmit=" return submitFormAjax()">
        <input type="text" name="text" />
        <input type="submit" />
    </form>
</div>
 
<div id="resp"></div>

Code:

1
2
3
4
5
function submitFormAjax()
{
$('#resp').load("form.php",{id:$(form).filter(input[name="text"]).val()});
return false;
}

Merci Luffy49, ça marche :yaisse2:

Bon, j'ai eu des problèmes avec cette ligne

Code:

$('#resp').load("form.php", {id:$(form).filter(input[name="text"]).val()});

Donc, j''ai essayé autre chose, mais en s'inspirant de ton exemple:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function submitFormAjax() { txt = $("input[@name=text]").val(); $.ajax( { type: "POST", url: "form.php", data: "text="+txt, success: function(res){ $('#resp').html(res); } } ); return false; }
Ceci dit, je ne comprends pas pourquoi ça ne marche pas quand j'utilise $('#testform form').submit()

Merci pour ton aide, elle a été précieuse :king:

de rien :D

plus qu'a cliquer sur résolue ;)