Есть скрипт Ajax авторизации:
CODE (
htmlphp):
скопировать код в буфер обмена
<script language="javascript" type="text/javascript">
/* Авторизация */
$(document).ready(function()
{
$("form#vhod").submit(function()
{
$.ajax(
{
type: "POST",
url: "ajax/autorise_block.php",
data:
{
user_login:$("input#login").val(),
user_parol:$("input#parol").val()
},
success: function(data)
{
$("div#autorise").html(data);
}
});
return false;
});
});
</script>
Работает исправно, получает логин и пароль из формы входа, посылает php скрипту, тот проверяет по базе, если найден юзер, выводит инфу о нем, типа л/к, если не найден - выводит ошибку. Все результаты действий он выводит в том же блоке где и была форма, без перезагрузки страницы, блок div #vhod
Есть всего три блока:
CODE (
htmlphp):
скопировать код в буфер обмена
<div id="vhod">Вывод форму входа или инфы о юзере</div>
<div id="tovary">вывод товаров</div>
<div id="statistic">вывод статистики</div>
Так вот, как мне дописать верхний скрипт или написать еще дополнительный что бы можно было указать еще параметр url обработчика и блок для вывода результатов?
Должно получиться что то типа этого:
CODE (
htmlphp):
скопировать код в буфер обмена
<script language="javascript" type="text/javascript">
/* Авторизация */
$(document).ready(function()
{
$("form#vhod").submit(function()
{
$.ajax(
{
type: "POST",
url: "ajax/autorise_block.php",
data:
{
user_login:$("input#login").val(),
user_parol:$("input#parol").val()
},
success: function(data)
{
$("div#autorise").html(data);
}
});
return false;
});
});
</script>
<script language="javascript" type="text/javascript">
/* Авторизация */
$(document).ready(function()
{
$("form#vhod").submit(function()
{
$.ajax(
{
type: "POST",
url: "ajax/другой обработчик №2.php",
success: function(data)
{
$("div#второй блок вывода товаров").html(data);
}
});
return false;
});
});
</script>
<script language="javascript" type="text/javascript">
/* Авторизация */
$(document).ready(function()
{
$("form#vhod").submit(function()
{
$.ajax(
{
type: "POST",
url: "ajax/обработчик №3.php",
success: function(data)
{
$("div#блок №3 вывод статистики").html(data);
}
});
return false;
});
});
</script>
Т. е. смысл такой чтобы все три скрипта Jquery Ajax реагировали на одну кнопку в форме входа по действию submit, и после этого каждый из них обращался к своему обработчику и выводил результат в указанном в скрипте блоке как примере.