Как изьять данные из формы в PHP, не перегружая страницы - JavaScript, Ajax

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

Код
<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;
var fname = data.type2.value;
$.post('qwerty.php',{name:'name',fn ame:'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>

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

<?php
$type3=$_GET['type3'];
$type1=$_GET['type1'];
$type2=$_GET['type2'];
$lizingoviy_procent=$_GET['name'];
print "rftf";
print $_GET['name'];
$perviy_platezh=$_GET['amoun2'];
$srok_dogovora=$_GET['amoun3'];
$summ=$_GET['amoun4'];
@$beta = ($lizingoviy_procent/100)/$type3;
$n = ($srok_dogovora/12)*$type3;
$ostatok=$summ-$summ*($perviy_platezh/100);
@$r=$ostatok*($beta/(1-(1/pow((1+$beta),$n))));
$ostatok2 = number_format($ostatok, 2, ',', ' ');
@$vozm=($ostatok/$n);
print "<div style='margin-top: -450px; margin-left: 500px;'>";
print "График погашения <table border='1' width='250' style='border-collapse: collapse;>'";
print "<tr><th>Номер платежа</th>";
print "<th>Остаточная стоимость имущества</th>";
print "<th>Возмещение стоимости имущества</th>";
print "<th>Комисионное вознаграждение</th>";
print "<th>Лизинговые платежи</th></tr>";
$i=1;
$q=$vozm;
$komissiya=$vozm;
$komissiya2 = number_format($komissiya, 2, ',', ' ');
if ($_GET['type2']==1){
do{
print "<tr>";
$q=$komissiya+ $vozm;
$vozm2 = number_format($vozm, 2, ',', ' ');
$q2= number_format($q, 2, ',', ' ');
$skomissiya+=$komissiya;
print "<td>$i</td><td>$ostatok2</td><td>$vozm2</td><td>$komissiya2</td><td>$q2</td>";
$ostatok=$ostatok-$vozm;
$komissiya=($ostatok*$beta);
$komissiya2 = number_format($komissiya, 2, ',', ' ');
$ostatok2 = number_format($ostatok, 2, ',', ' ');
$svozm+=$vozm;
$sq+=$q;
print "<tr>";
$i++;
} while ( $ostatok > 0);
print "<tr><td>Итого</td><td></td><td>$svozm</td><td>$skomissiya</td><td>$sq</td><tr>";
echo "</table>";
}
else
{
do{
print "<tr>";
$r2 = number_format($r, 2, ',', ' ');
$sq+=$r;
$komissiya= $ostatok*$beta;
$vozm=$r-$komissiya;
$ostatok2 = number_format($ostatok, 2, ',', ' ');
$vozm2 = number_format($vozm, 2, ',', ' ');
$kommissiya2 = number_format($komissiya, 2, ',', ' ');
$svozm+=$vozm;
$skomissiya+=$komissiya;
print "<td>$i</td><td>$ostatok2</td><td>$vozm2</td><td>$kommissiya2</td><td>$r2</td>";
$ostatok=$ostatok-$vozm;
print "<tr>";
$i++;
} while ( $ostatok > 0.1);
print "<tr><td>Итого</td><td></td><td>$svozm</td><td>$skomissiya</td><td>$sq</td><tr>";
echo "</table>";
}

?>
<p>
<p id="amounttd">
<p id="amount2td">
<p id="amount3td">
</p>
</div>
</form>

</body>
</html>

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

Понимаю что код жуткий) Но все же

zumm · 11.11.2012, 10:58

Цитата:

Понимаю что код жуткий

Код очень жуткий + его нужно оформлять кнопочкой "код". Разбираться с тем что вы там написали как то не охота даже.

А о сути проблемы: вам просто напросто нужно отправить AJAX запрос.

eval · 11.11.2012, 11:08

Это не ужас это капец.
Переписать и прочитать про типы аштитипи запросов, какие бывают чем отличаются.

11.11.2012, 03:54	#1
Евгений Лазаренко Пользователь Регистрация: 09.05.2012 Сообщений: 16	Как изьять данные из формы в PHP, не перегружая страницы Код <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; var fname = data.type2.value; $.post('qwerty.php',{name:'name',fn ame:'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>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как после обновления страницы сохранить данные в инпуте?	byMary93	JavaScript, Ajax	1	01.08.2012 11:46
Данные с формы (php) приходят в Junk mail	shavedcat	PHP	0	17.05.2012 03:15
Как изьять массив цветов из изображения?	MeTeOpA	C# (си шарп)	3	03.06.2011 22:23
Как Передать данные из формы в отчет?	ZiG24RUS	Microsoft Office Access	1	29.05.2009 23:31
Как задать действие формы HTML-страницы? C#	Alexei_1986	PHP	7	27.05.2009 20:34

11.11.2012, 03:55	#3
Евгений Лазаренко Пользователь Регистрация: 09.05.2012 Сообщений: 16	Понимаю что код жуткий) Но все же

11.11.2012, 11:08	#5
eval Подтвердите свой е-майл Регистрация: 29.08.2012 Сообщений: 4,011	Это не ужас это капец. Переписать и прочитать про типы аштитипи запросов, какие бывают чем отличаются.