Discussion :

[zabibof]

Bonjour, un p'tit problème siouplait

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

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

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:

'); } ?>

[Luffy49]

Je serait toi je ferais comme sa :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[zabibof]

Merci Luffy49, ça marche

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

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Luffy49]

de rien

plus qu'a cliquer sur résolue