Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/3: Рейтинг темы: голосов - 3, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 30.08.2015
Сообщений: 9

Ajax-запрос с использованием json

26.06.2016, 21:39. Показов 706. Ответов 4

Студворк — интернет-сервис помощи студентам
Здравствуйте.
Есть тестовая задача - сделать форму, при отправке которой ajax-запросом возвращались бы те или иные значения из файла json.

HTML5
1
2
3
4
5
6
7
8
9
    <form action="javascript:void(0);" id="feedback" method="post" enctype="multipart/form-data">
        <label><span>ФИО<br /><i>(Обязательное поле)</i></span><input type="text" name="name" placeholder="Your name" required="required"></label>
        <label><span>Телефон<br /><i>(обязательное поле, если не заполнено поле "Email")</i></span><input type="tel" name="tel" placeholder="Your phone" required="required"></label>     
        <label><span>Email<br /><i>(обязательное поле, если не заполнено поле "Телефон")</i></span><input type="email" name="email" placeholder="Your e-mail" required="required"></label>
        <label><span>Сообщение<br /><i>(Обязательное поле)</i></span><textarea name="text" placeholder="Текст сообщения" required="required"></textarea></label>
        <input type="submit" value="Отправить">
        <!-- Some notifications block (ex. error or success) -->
        <div class="form-notif"></div>
    </form>
feedback.json :
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
[   
    {
        "success": true,
        "msg": "Сообщение отправлено, в ближайшее время наш менеджер свяжется с Вами."
    },
    {
        "success": false,
        "msg": "Ошибка отправки формы"
    },
    {
        "success": false,
        "fields": [
            {
                "name": "email",
                "error": "Введенный Вами e-mail не найден"
            }
        ]
    }
]
У меня есть скрипты по получению значения из файла json (сейчас получаю на выходе все время то что в success)
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
    var inputSubmit = $('#feedback').find('input[type="submit"]');
  $(inputSubmit).on('click',function(){
    $.ajax({
      url: 'js/feedback.json',
      dataType: 'json',
      success: function(json) {
        var result = '<span class="notification-success">' + json[0].msg + '</span>'; //success message
        $('.form-notif').html(result); //show success message
      },
      error: function(json) {
        var result = '<span class="notification-error">' + json[1].msg + '</span>'; //error message
        $('.form-notif').html(result); //show error message
      }     
    });
  });
И есть проверка на заполненность полей формы. При всех заполненных полях результат должен давать success, при незаполненности хоть одного - error.
JavaScript
1
2
3
4
5
6
7
8
9
10
  var requiredFields = $('#feedback').find('input[required="required"], textarea[required="required"]');
  function checkInput(){
    $(requiredFields).each(function(){
      if($(this).val() != ''){
        // success in ajax
      } else {
        // error in ajax
      }
    });
  }
Мне теперь нужно как-то совместить эти два скрипта, я не очень понимаю как, кого во что вкладывать.
Буду заранее благодарен за помощь.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
26.06.2016, 21:39
Ответы с готовыми решениями:

Ajax запрос отправка данных(json) на сервер и data=type init!?
Как в этот ajax запрос вставить данные, у меня тут указано data: &quot;type = init&quot;, но мне нужно еще 1-у переменную передать, допустим x, куда...

Ajax берет запрос из php файла в формате JSON и возвращает undefined
&lt;?php header(&quot;Access-Control-Allow-Origin: *&quot;); $mysqli = mysqli_connect('localhost', 'root', '', 'kursovaya'); if...

AJAX запрос к файлу, который сам делает AJAX запрос
Прошу прощение за название темы, но я не знаю как это коротко описать... Здравствуйте. На странице HTML я обращаюсь к файлу PHP: ...

4
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
26.06.2016, 21:57
Cotangens, вам нужно, чтобы скрипт, при заполнении всех полей формы, отправлял форму и получал значения из СТАТИЧЕСКОГО файла feedback.json?
0
0 / 0 / 0
Регистрация: 30.08.2015
Сообщений: 9
26.06.2016, 21:59  [ТС]
Да. Это тестовое задание) Мне нужно понять принцип
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
26.06.2016, 22:00
нет, у вас по-другому

Добавлено через 49 секунд
вам нужно, чтобы данные отправлялись только при правильно заполненной форме?
0
0 / 0 / 0
Регистрация: 30.08.2015
Сообщений: 9
26.06.2016, 22:07  [ТС]
Если честно, я с ajax сейчас столкнулся впервые, это часть тестового задания одной фирмы, содержание feedback.json от них. Предполагаю что да, данные должны отправляться при правильно заполненной форме, при неправильно заполненной форме должно быть
JavaScript
1
2
3
4
{
        "success": false,
        "msg": "Ошибка отправки формы"
    },
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
26.06.2016, 22:07
Помогаю со студенческими работами здесь

AJAX запрос к файлу php и json
Здравствуйте, у меня проблемы с пониманием того как JavaScript взаимодействует с PHP через AJAX. Файлы моего сайта организованы так, что...

Сделать ajax запрос и получить json ответ данные и отобразить их на той же страничке, но в блоке ниже
Здравствуйте, нужно сверстать форму на чистом html &amp; css3 Сделать валидацию полей (имя, email, телефон, чекбоксы) Сделать ajax запрос...

Вернуть в Ajax-success $json из другого $json
Здравствуйте, уважаемые форумчане! Столкнулся со следующей проблемой. Есть код: &lt;?php $json .= '&lt;script&gt; var...

Вернуть в Ajax-success $json из другого $json
Здравствуйте, уважаемые форумчане! Столкнулся со следующей проблемой. Есть код: &lt;?php $json .= '&lt;script&gt; ...

Парсинг JSON в JSON Linked Data с использованием Hydra Java
Есть веб страница, на которой пользователь заполняет поля, жмет на кнопку и затем данные отправляются на сервер. На сервере работает...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru