Могу ли я отправить значения формы с помощью?

Я работаю над поисковой системой, и у меня действительно серьезная проблема с методами GET и POST.

Я использую <input type="button" />, чтобы избежать обновления страницы при каждом нажатии кнопки.

После нажатия кнопки я показываю результат (google_map, изображение монумента, спецификации).

Проблема сейчас в том, что я хочу отправить и показать значения формы + результат (google_map, изображение монумента, спецификации), нажав эту кнопку.

Это проблема, потому что <input type="button" /> не отправьте значения формы, и я действительно застрял.

Author: insertusernamehere, 2013-09-15
Source

2 answers

Конечно, вот вам рабочий пример:

Index.php

<!DOCTYPE html>
<html>
<head>
    <title>Working Example</title>
</head>
<body>

<form id="search-form">
    <input type="text" name="text1" id="text1" value=""><br>
    <input type="text" name="text2" id="text2" value=""><br>
    <input type="text" name="text3" id="text3" value=""><br>
    <input type="button" id="search-button" name="search-button" value="search">
</form>

<div id="response"></div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $('#search-button').click(function(){
            $.ajax( {
                type: "GET",
                url: 'response.php',
                data: $('#search-form').serialize(),
                success: function(response) {
                    $('#response').html(response);
                }
            } );
        });
    });
</script>

</body>
</html>

Response.php

<?php

echo "text1: " . $_GET['text1'] . "<br>";
echo "text2: " . $_GET['text2'] . "<br>";
echo "text3: " . $_GET['text3'] . "<br>";

echo "your response ...";

В ответе вы возвращаете любой свой ответ, плюс поля формы.

 3
Author: arielcr, 2013-09-15 17:53:38 
onClick="document.getElementById('FormName').submit();"
 1
Author: Hanky Panky, 2013-09-15 15:18:04