AJAX

Так Вы ничего не отправляете! data где?

<script type="text/javascript">
$("#sub").on("click", function(){

   $.ajax({
   url: "/send-form/send_form.php",
   type: "post",
   cache: false,
   dataType: "html",
   data: $("form").serialize(),
   success: function(){
   alert("Данные отправлены");
   }
   });
});
</script>

Допустим я сделаю так:

<div id="contact-container">

<form action="send_form.php" method="post">

<p>Ваше имя: <input id="name" type="text" name="name" /></p>

<p>Ваш email: <input id="email" type="text" name="email" /></p>

<p>Сообщение:</p> <textarea id="msg" rows="7" cols="40" name="msg"></textarea>

<p><button id="btnSubmit" type="submit">Отправить</button></p>

<div id="message"></div>

</form>

</div>

<script type="text/javascript">

$("#btnSubmit").click(function(){

var data = $('#contact-container form').serialize();

alert(data);

	$.ajax({

		url: "send_form.php",

		data: $('#contact-container form').serialize(),

		type: "post",

		cache: false,

		dataType: "text",

		success: function(text){

			$("#message").html("Данные добавлены!");

		}

	});

});

</script>

Все равно не работает!

А что происходит то? Что значит не работает?

Я бы для button указал type, как "button", так как Вы нигде не указываете return false, после нажатия.

Далее, правильнее в Вашем случае будет, все таки, data: data, если уж присвоили переменной значение. Но это не влияет на ошибку.

И последнее - хрен его знает, правильно у Вас указан файл .php, и что внутри файла.

Внутри файла php происходит прием данных из формы, обработка и INSERT INTO в базу данных. Здесь все работает без проблем.

send_form.php

<?php

/*Важные параметры мы заносим в константы*/

define("DB_HOST", "localhost");

define("DB_LOGIN", "root");

define("DB_PASSWORD", "password");

define("DB_NAME", "gbook");

/*Соединяемся с сервером базы данных*/

mysql_connect(DB_HOST, DB_LOGIN, DB_PASSWORD) or die("Ошибка подключения к базе данных!");

/*Выбираем базу данных*/

mysql_select_db(DB_NAME) or die(mysql_error());



/*Функция фильтрации данных*/

function clearData($data, $type="s"){

	switch($type){

		case "s": $data = trim(strip_tags($data)); break;

		case "i": $data = abs((int)$data); break;

	}

	return $data;

}

/*Если данные пришли, принимаем их и фильтруем*/

if(!empty($_POST['name']) and !empty($_POST['email']) and !empty($_POST['msg'])){

	$name = clearData($_POST['name']);

	$email = clearData($_POST['email']);

	$message = clearData($_POST['msg']);

	/*Формируем SQL-запрос на добавление данных*/

	$sql = "INSERT INTO msgs(

							name, 

							email, 

							msg)

						VALUES(

							'$name',

							'$email',

							'$message')";

	/*Посылаем запрос в базу данных*/

	mysql_query($sql) or die(mysql_error());

	sleep(3);

	/*Делаем редирект во избежании нажатия F5 и повторного отправления данных*/

	header("Location: gbook.php");



}

else{

	header("Location: gbook.php");

}

?>

А вот при нажатии кнопки отправить, просто происходит отправка данных в базу и никакого аякса нет. Страница перезагружается и возвращается обратно посредством header("Location: gbook.php").

Скрипт аякса выглядит так:

<script type="text/javascript">

$("#btnSubmit").click(function(){

	$.ajax({

		url: "send_form.php",

		data: $('#contact-container form').serialize(),

		type: "post",

		cache: false,

		dataType: "html",

		success: function(){

			$("#message").html("Данные добавлены!");

		}

	});

});

</script>

Но он не работает(

<script type="text/javascript"> 
$("#btnSubmit").on("click", function() {
    $.ajax({ 
        url: "/send-form/send_form.php", 
        type: "post", 
        cache: false, 
        dataType: "html", 
        success: function() { 
            alert("Данные отправлены"); 
        } 
    });
    return false;
}); 
</script>

надо снять с кнопки и/или формы стандартную html функцию отправки данных.

- либо сделайте кнопку не type="submit" а type="button"

- либо функцию вешайте не на кнопку а на событие onsubmit формы (функция должна вернуть false)

- либо переопределите submit формы на эту функцию (в функции надо остановить выполнение стандартного запроса)

это необходимое условие, остальное зависит от самого ajax-запроса

СПАСИБО ОГРОМНОЕ!!!!!!!!!!!!!!!!!!!! ВСЕ РАБОТАЕТ)

jQuery Form Plugin