Как отправить форму без перезагрузки страницы?

Question

Помогите с функцией отправки. Форма работает нормально и отправка тоже, все подгружает на !УРА. Но как надо изменить function, чтобы он отправлял в адресную строку get. А то отправляет как post. type: "GET" не помогает.

$(function(){
$("#filter").submit(function(e) {
    e.preventDefault();
    $.ajax({
        //type: 'GET',
        url: 'app.php',
        data: $(this).serialize(e),
        success: function(r) {
          $("#app").empty();
          $("#app").append(r);
        }
    });
});
});

#app{
background:#111;
width:250px;
height:250px;
color:whitesmoke;
}

<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
</head>
<body>
<form id="filter" action="#" width="250" method="get">
<label><input class="check" id="check-option-1" type="checkbox"  name="ex" value="1" />1<br></label>
            <label><input class="check" id="check-option-2" type="checkbox"  name="ex" value="2" />2<br></label>
            <label><input class="check" id="check-option-3" type="checkbox"  name="exq[]" value="3" />3<br></label>
            <label><input class="check" id="check-option-4" type="checkbox"  name="exq[]" value="4" />4<br></label>

<input type="submit" name="btn" id="btn" class="button block" value="Показать" >        
</form>
<br />
<div id="app">
</div>

</body>
</html>

БЛОГ НА HUSL

Как отправить форму без перезагрузки страницы?

Ответы (0 шт):