форма в ajax и html

43
21 октября 2018, 04:50

почему когда отправляешь форму через обычный html запрос страница меняется на адрес url, а когда делаешь тоже самое через ajax остаешься на той же странице

<form id="search">
<input type="text" name="text" id="text" placeholder="Search"> <button type="submit">Search</button>

$.ajax({
        url: '/search',
        type: 'GET',
        data: data,
        contentType: 'application/json'

после нажатия кнопки submit адрес вот такой http://localhost:8080/?text=

а когда отправляю через форму

<form action="/search" method="get">
<input type="text" name="text" id="text" placeholder="Search"> <button type="submit">Search</button>

тогда адрес http://localhost:8080/search?text=

Answer 1

Подозреваю, что в случае с ajax Вам вообще не надо никуда никого "перекидывать". А просто надо отключить стандартный механизм отправки формы по нажатию кнопки:

<form id="search">
  <input type="text" name="text" id="text" placeholder="Search"> 
  <button type="button">Search</button> <!-- !!! вместо "submit" -->

или

$.ajax({
    url: '/search',
    type: 'GET',
    data: data,
    contentType: 'application/json'
    ...
});
return false; // !!!
READ ALSO
Как корректно добавить ссылку?

Как корректно добавить ссылку?

Новичок в thymeleafЧерез контроллер передается список объектов Person и в html отображаются в виде нумерованного списка person

53
Положение мыши внутри autoscaled SVG

Положение мыши внутри autoscaled SVG

Я пытаюсь решить проблемы относительно положения курсора мыши внутри моего документа SVGЯ бы хотел создать потенциометр, который будет следовать...

50
Как использовать шрифты не с google fonts

Как использовать шрифты не с google fonts

До этого всё время делал в head ссылку на шрифт в google fonts вот так <link href="https://fontsgoogleapis

39