[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Всплывающее окно после отправки формы
Страницы: 1, 2, 3, 4
StepanAMK
а как сделать обработчик
Astin
А ты че, взял код выше и запихал его в файл PHP?

Если такой скрипт с ajax-ом не пихать в файл, то его можно прям вот так и подключить на
странице с формой. Перед закрывающим тегом </head> пишем
<script>

//А здесь сам скрипт ajaxa

</script>
Astin
StepanAMK слушай ты какой то интересный, ниче учить не хочешь,
а чтоб взяли и за тебя написали, так что ли?
StepanAMK
Нет я пытаюсь разобраться и понять, да не гуру но начинаю только. вот погляди как я сделал по твоему методу проверь правельно ли всё

фаил index.php


<!--
Разработчик ООО "Наш Город"
Дата разработки 27.06.2016
-->
<!
DOCTYPE html>
<
html>
<
head>
<
title>ЕСТ АИСТ</title>
<
meta charset="utf-8"><!--Скрипт база адресом начало-->
<
script src="//code.jquery.com/jquery-1.10.2.js"></script>
<
script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<
link rel="stylesheet" href="stylejquery.css">
<
script>

idFromTag = {
"Амурская":"1136560",
"Лесная":"1136577",
"Пионерская":"1136589",
"Мира":"1136609",
"Школьная":"1136623",
"Комсомольский":"1136637",
"Победы":"1136667",
"Строителей":"1136695",
"Октябрьский":"1136739",
"Центральная":"1136853",
"Большое Кольцо":"1136857",
"Парковое Кольцо":"1136858",
"Целинная":"1136859",
"Ударный":"1136860",
"Горная":"1136861",
"Высокая":"1136862",
"Сандинка":"1136863",
"Набережная":"1136864",
"Садовая":"1136865",
"Садовая":"1136867",
"Северная":"1136868",
"Беземянный":"1136869",
"Братская":"1136871"
};

$(function() {
var availableTags = [
"Амурская",
"Лесная",
"Пионерская",
"Мира",
"Школьная",
"Комсомольский",
"Победы",
"Строителей",
"Октябрьский",
"Центральная",
"Большое Кольцо",
"Парковое Кольцо",
"Целинная",
"Ударный",
"Горная",
"Высокая",
"Сандинка",
"Набережная",
"Садовая",
"Садовая1",
"Северная",
"Беземянный",
"Братская"
];
$( "#from_street" ).autocomplete({source: availableTags});
$( "#to_street" ).autocomplete({source: availableTags});
});

$(document).ready(function(){
$("#from_street").on("autocompletechange", function(){
$("#id_from_street").val(idFromTag[$("#from_street").val()]);
});
$("#to_street").on("autocompletechange",function(){
$("#id_to_street").val(idFromTag[$("#to_street").val()]);
});
});
</
script><!--Скрипт база адресом конец-->
<
div id="form_info"></div>
<
form method="POST" id="formx">
<?php
include './system/peremen.php';
echo $napr;
echo $type;
echo '<h3>Куда подать авто?</h3><br/>';
echo $name;
echo $fam;
echo $otc;
echo '<font color="red">*</font> Улица: ';
echo $adress;
echo $adress2;
echo ' <font color="red">*</font> Дом: ';
echo $dom;
echo '<br/><br/> Корпус: ';
echo $kor;
echo ' <font color="red">*</font> Подъезд: ';
echo $pod;
echo '<h3>Куда поедите?</h3><br/>';
echo '<font color="red">*</font> Улица: ';
echo $_adress;
echo $_adress2;
echo ' <font color="red">*</font> Дом: ';
echo $_dom;
echo '<br/><br/> Корпус: ';
echo $_kor;
echo $datatime;
echo $avto;
echo $yslyg;
echo ' Телефон: ';
echo $tel;
echo '<br/><br/><small><b>Если телефон домашний, то вводим с кодом города "842142".</b></small>';
echo $kol;
echo $comment;
echo $tip;
echo '<center>';
echo $go;
echo $delete;
echo '</center>';
?>
</form>



и фаил ajax.js


$(document).ready(function () {
$("#formx").submit(function () {

var form = $(this);
var data = form.serialize();

$.ajax({
type: "POST",
url: 'http://91.235.144.19:8081/', //Здесь пишешь путь до обработчика
cache: false,
dataType: 'json', //Получаем данные в формате json
data: data,
success: function (data)
{
// Показываем сообщение
$("#form_info").html(data).fadeIn(100);

// очищаем все поля инпутов
form.find('input').not('input[type="submit"]').val('');
},

error: function (data) {
alert('Что-то пошло не так... Попробуйте еще раз');
},
});
return false; //отключаем обычную отправку формы
});
});



в таком раскладе форма у меня почему то не отправляется на сервер и заказ в ПО не появляется
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.