Форум PHP программистов > Отправка формы без перезагрузки страницы

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Отправка формы без перезагрузки страницы

pavel8897

7.09.2017 - 11:46

Подскажите пожалуйста, как можно сделать отправку формы методом POST без перезагрузки страницы?

Нашел такой код:

$('#osForm').submit(function(e){
    e.preventDefault();
    $.ajax({
      url: "sendOrderForm.php",
      type: "POST",
      data: $('#osForm').serialize(),
      success: function(response) {
        //обработка успешной отправки
      },
      error: function(response) {
        //обработка ошибок при отправке
     }
    });
});

С ним страница не перезагружается, но и не отправляется форма

Игорь_Vasinsky

7.09.2017 - 14:05

Цитата

С ним страница не перезагружается, но и не отправляется форма

это JS код, его ошибки просматривать нужно в консоле браузера (Хром F12)

1. в коде используется JQuery - он подключен у тебя на странице?
1.1 раз ты работаешь с DOM страницы - ты должен быть уверен, что твой код начнёт работать - когда твоя страница прогрузила все необходимые для работы скрипта элементы (форму) - для этого код оборачивают в

<script>
$(document).ready(function(){

//тут твой код

});
</script>

2. в коде написано - что работа с формой у которой id="osForm" - у тебя форма с этим идентификатором?
3. в коде указан обработчик sendOrderForm.php - ты там рассчитываешь получать данные с формы?

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

sergeiss

7.09.2017 - 16:09

Цитата (pavel8897 @ 7.09.2017 - 11:46)

но и не отправляется форма

Где и как это проверял? Ну и я тоже с интересом послушаю твою ответы на все вопросы Игоря.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

Быстрый ответ:

Здесь расположена полная версия этой страницы.