JSFiddle - React, Tailwind, and code Playground

HTML

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>


<form id="bid-form" action="" method="post">
<span class="add-on"> 
<input class="name" type="text" name="name" size="16" /> 
</span> 
<span class="add-on"> 
<input class="tel" type="text" name="tel" size="16" /> 
</span> 
<span class="add-on"> 
<input class="email" type="text" name="email" size="16" /> 
</span> 
<input id="bid-action" onclick="asend();" type="button" value="отправить" />
</form>

<!--блок для вывода результата-->
<div id="result" style="padding: 15px 0;text-align: center;"></div>

CSS

/*




в файле sendData.php следующий код:

echo $name = $_POST['name'];
echo $email = $_POST['email'];
echo $msg = $_POST['tel'];





*/

JavaScript

function asend()
		{
		//Получаем параметры
		var str = $("form#bid-form").serialize();

		// Отсылаем паметры
			   $.ajax({ type: "POST", data: str, url: "http://reklama006.tom.ru/templates/jblank/php/sendData.php",

						// Выводим то что вернул PHP
						success: function(html) {
		 //предварительно очищаем нужный элемент страницы
								$("#result").empty();
		//и выводим ответ php скрипта
								$("#result").append(html);
		//очищаем форму если успешно отправлены даные	
						}
				});

		}