Изьятие данных из формы без перегрузки - JavaScript, Ajax

Евгений Лазаренко · 11.11.2012, 17:10

Извините за репост. Уже все облазил много сайтов, но так ниче и не получилось, использовал метод $.post, передавал данные в файл qwerty.php, перед этим проверял alert(), данные есть. Но в php ниче не приходит. Заранее спасибо.

Код HTML:

html>
<head>
  <meta charset="utf-8">
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	<style type="text/css">
	div.demo { padding: 10px !important; width: 200px;}
	.ui-widget{font-size: 0.6em !important;}
	</style>
	<script>
	$(function() {
		$( "#slider-range-max" ).slider({
			range: "max",
			min: 5,
			max: 50,
			value: 5,
			slide: function( event, ui ) {
				$( "#amount" ).val( ui.value );
				calc();
			}
		});
		$( "#amount" ).val( $( "#slider-range-max" ).slider( "value" ) );
	});
	$(function() {
		$( "#slider-range-max2" ).slider({
			range: "max",
			min: 0,
			max: 50,
			value: 0,
			slide: function( event, ui ) {
				$( "#amount2" ).val( ui.value );
				calc();
			}
		});
		$( "#amount2" ).val( $( "#slider-range-max2" ).slider( "value" ) );
	});
	$(function() {
		$( "#slider-range-max3" ).slider({
			range: "max",
			min: 1,
			max: 60,
			value: 1,
			slide: function( event, ui ) {
				$( "#amount3" ).val( ui.value );
				calc();
			}
		});
		$( "#amount3" ).val( $( "#slider-range-max3" ).slider( "value" ) );
	});
 
	function calc(par){
	amount = document.cl_form.amount.value;
	amount2 = document.cl_form.amount2.value;
    amount3 = document.cl_form.amount3.value;

	//var summ;
	document.getElementById("amounttd").innerHTML=amount;
	document.getElementById("amount2td").innerHTML=amount2;
	document.getElementById("amount3td").innerHTML=amount3;
	return false; }
	</script>
	<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript">
function saveform (data)
{
    var name = data.amount.value;
	alert(name);
    var fname = data.type2.value;
    $.post('qwerty.php',{name:'name',fname:'fname'},function(data){
        $('#enter_name').html(data);
    },'json');
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><title></title></head>
<body>
<form name="cl_form">	
<div class="demo">
<p>
	<label for="type">Валюта:</label>
	<select name="type1" id="type"> 
	<option selected="selected" value="1">RUB</option>
	<option value="2">USD</option>
	</select>
		<br><br><label for="type">Виды платежей:</label>
	<select name="type2" id="type"> 
	<option selected="selected" value="1">Равные платежи</option>
	<option value="2">Убывающие платежи</option>
	</select>	
</p>
<p>
	<label for="type3">Количество платежей в год</label>
	<select name="type3" id="type"> 
	<option selected="selected" value="12">Ежемесячно (12)</option>
	<option value="4">Ежеквартально(4)</option><option value="2">Два раза в год(2)</option><option value="1">Раз в год(1)</option>
	</select>
</p>
 <p>
	<label for="amount4">Стоимость обьекта в лизинга в долларах(рублях):</label>
	<input type="text" name = "amoun4" width:60px;" />
</p>
<p>
	<label for="amount">Лизинговый процент:</label>
	<input type="text" name = "amoun" id="amount" onchange="calc(this.value);" style="border:0; color:#f6931f; font-weight:bold; width:15px;" />
    <label for="amount">%</label>
</p>
<div id="slider-range-max"></div>
<p>
	<label for="amount2">Первый платеж:</label>
	<input type="text" name = "amoun2" id="amount2" onchange="calc(this.value);" style="border:0; color:#f6931f; font-weight:bold; width:15px;" />
	<label for="amount2">%</label>
</p>
<div id="slider-range-max2"></div>
<p>
	<label for="amount3">Срок договора :</label>
	<input type="text" name = "amoun3" id="amount3" onchange="calc(this.value);" style="border:0; color:#f6931f; font-weight:bold; width:15px;" />
    <label for="amount3">месяцев</label>
</p>
<div id="slider-range-max3"></div>
<p>


			<p><input type="submit" onClick="saveform (this.form);return false;" value="Go"></p>
</p>
<p>
				 <p id="amounttd">
				 <p id="amount2td">
			     <p id="amount3td">	
</p>
</div>
</form>


</body>
</html>

zumm · 11.11.2012, 20:20

эх...

ajax.php:

Код:

<?php
	if(isset($_POST['somevar'])
	{
		echo 'О боже, кэп, нам что то пришло!';
	}
?>

index.html:

Код:

<html>
	<head>
		<script language="javascript" type="text/javascript" src="js/jQuery/jQuery.js"></script> //вписать свой путь к ядру jQuery
		<script>
			function someRequest(value)
			{
				jQuery.ajax
				(
					url: 'ajax.php', 
					type: 'post', 
					data: 
					{
						somevar: value
					},
					complete: function(xmlhttp, textStatus)
					{							
						if(xmlhttp.status == 200)
						{
							alert(xmlhttp.responseText); //о боже, сервер нам что то ответил!
							
							return true;
						}
						else
						{							
							return false;
						}
					}					
				);
				
				return false;
			}
		</script>
	</head>
	<body>
		<form>
			<input type="text" name="somevar">
			<input type"submit" value="Отправить" onClick="someRequest(jQuery('input[name=somevar]').val())">
		</form>
	</body>
</html>

Евгений Лазаренко · 12.11.2012, 20:59

не работает, alert() не выводится

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
OpenFileDialog без формы	Name1ess	Windows Forms	1	19.10.2012 14:50
Изьятие данных из сводной таблицы и их обновление	Kroly	Microsoft Office Excel	3	31.05.2011 08:24
AutoRun [без формы]	Lemo	Помощь студентам	2	08.06.2010 15:42
TTImer без формы.	Lime	Помощь студентам	11	29.09.2009 13:54
Программа без формы	Чугусов	Общие вопросы Delphi	3	14.02.2009 14:56

12.11.2012, 20:59	#3
Евгений Лазаренко Пользователь Регистрация: 09.05.2012 Сообщений: 16	не работает, alert() не выводится