Проблем с Ajax и PHP!

[heminei]

Здравейте. Реших, че е време да науча Jquery и Ajax. Видях този урок: http://videotutorials-bg.com/lessons.php?action=viewsub&id=39&t=580. Въпроса ми е как да направя всичко да става в една страниса. Смъсъл например всичко да се изпълнява в aaa.php.

Ето примерен код:

aaa.php

<script type='text/javascript'>
$( function(){
$("#submit").click( function(){
var name = $('#text').val();
$('<img id=\'loading\' src=\'image.gif\'>').appendTo('#res');


$.ajax({
url: 'aaa.php',
type: 'post',
date: 'name=' + name,
success: function(result){
$('#res').hide();
$('#res').html(result).fadeIn(3000);
return false;
}
});
return false;
});
});


</script>
<?php


echo"
<form method='post' action=''>
<input type='text' name='text' id='text'>
<input type='submit' name='submit' id='submit' value='Добави'>
</form>

<div id='res'></div>
";
$text=sec($_POST['text']);

$sql="INSERT INTO aaa SET text='$text'";
$res=mysql_query($sql)or die (mysql_error());

if($res)
{

print"Ima go kirooo";


}
else
{
print"Nqma go kirooo";
}


?>

Ако може да ми го редактирате или ми напишете как да стане.


Предварително Благодаря!

 

[embaka]

може би е нижно във формата да поставиш на action=aaa.php

<script type='text/javascript'>
$( function(){
$("#submit").click( function(){
var name = $('#text').val();
$('<img id=\'loading\' src=\'image.gif\'>').appendTo('#res');


$.ajax({
url: 'aaa.php',
type: 'post',
date: 'name=' + name,
success: function(result){
$('#res').hide();
$('#res').html(result).fadeIn(3000);
return false;
}
});
return false;
});
});


</script>
<?php


echo"
<form method='post' action=aaa.php''>
<input type='text' name='text' id='text'>
<input type='submit' name='submit' id='submit' value='Добави'>
</form>

<div id='res'></div>
";
$text=sec($_POST['text']);

$sql="INSERT INTO aaa SET text='$text'";
$res=mysql_query($sql)or die (mysql_error());

if($res)
{

print"Ima go kirooo";


}
else
{
print"Nqma go kirooo";
}


?>

 

[heminei]

Нестава! Презарежда страницата и забива!

 

[F1r3Fl3x]

Малко не разбрах какво точно искаш, но пробвай така:

<script type='text/javascript'>
	$( function(){
		$("#submit").click( function(){
			var name = $('#text').val();
			$('<img id=\'loading\' src=\'image.gif\'>').appendTo('#res');


			$.ajax({
				url: 'aaa.php',
				type: 'post',
				date: 'name=' + name,
				success: function(result){
					$('#res').hide();
					$('#res').html(result).fadeIn(3000);
					return false;
				}
			});
			return false;
		});
	});


</script>

<?php

	if( isSet( $_POST['text']) ){
		$text = sec( $_POST['text'] );

		$sql = "INSERT INTO aaa SET text='$text'";
		$res = mysql_query( $sql ) or die ( mysql_error() );

		if( $res ){
			print"Ima go kirooo";
		}
		else{
			print"Nqma go kirooo";
		}

	}else{
		
		echo "<form method='post' action=''>
		<input type='text' name='text' id='text'>
		<input type='submit' name='submit' id='submit' value='Добави'>
		</form>

		<div id='res'></div>";

	}
?>

 

[heminei]

Нестава! Пак същото. Искам PHP кода който извършва функциите да е в същия файл в който е AJAX и HTML.

 

[F1r3Fl3x]

Такам тествах го и видях, че не работи и при мен, а уж трябваше всичко да е наред. После забел;язах, че проблема ти идва от една правописна грешка! Вместо да пращаш datA към заявката си пращал datE
Пооправих ти малко кода:

<?php
	if( isSet( $_POST['name'] ) ){
		$text = sec( $_POST['name'] );

		$sql = "INSERT INTO aaa SET text='$text'";
		$res = mysql_query( $sql ) or die ( mysql_error() );
		
		if( $res ){
			print"Ima go kirooo";
		}
		else{
			print"Nqma go kirooo";
		}

	}else{
		
		echo "<form method='post' action=''>
		<input type='text' name='text' id='text'>
		<input type='submit' name='submit' id='submit' value='Добави'>
		</form>

		<div id='res'></div>";
		
		echo <<<OUTPUT
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<script type='text/javascript'>
		$( function(){
			$("#submit").click( function(){
				var name = $('#text').val();
				$('<img id=\'loading\' src=\'image.gif\'>').appendTo('#res');


				$.ajax({
					url: 'test.php',
					type: 'post',
					data: 'name=' + name,
					success: function(result){
						$('#res').hide();
						$('#res').html(result).fadeIn(3000);
						return false;
					}
				});
				return false;
			});
		});


	</script>
OUTPUT;

	}
?>

ПП. Надявам се, че няма да забравиш да добавиш тази функция sec, която ползваш за да филтрираш данните

 

[heminei]

Пак презарежда вечно на празна страница!!! Функцията SEC я знам аз . Ще трябва да помисля и чета още. Ако някой има още идеи да казва.

 

[Anonymous]

Пробвай с някой плъгин, като този