Как передать содержимое текстового поля формы в переменную без перезагрузки страницы с помощью GET-запроса?

Question

[Twelfth Doctor]

Добрый вечер. Есть такой код на JS:

$( function()
{
    $( 'body' ).on( 'click', 'a.md-trigger', function( e )
    {
        e.preventDefault();
     
        $.ajax(
        {
            url: $( this ).attr( 'href' ),
            type: 'GET',
           
            }
        });
    });
})

PHP код:

while($weblist = mysqli_fetch_array ($list)) {
             echo "<br>{$weblist['name']}";
       echo "<a class='md-trigger' href = 'vhosts.php?link={$weblist['name']}'><img src = '/panel/img/edit.png' width = '30px' height = '30px'></a>";
        }
$edit = $_GET['link'];

При нажатии на ссылку скрипту посылается GET-запрос вида host.ru/script.php?link=xxx
Вроде как AJAX должен обрабатывать этот запрос, и перезагрузки страницы происходить не должно, однако, страница всё равно перезагружается, при нажатии на ссылку. Возможно, в JS коде чего-то не хватает?

Comments

[OVK2015]

Что касается перезагрузки: какие заголовки в консоле видны?

[Twelfth Doctor]

В консоли вижу это:
url: $( this ).attr( 'href' ),
type: 'GET',
}
Uncaught SyntaxError: missing ) after argument list

[tommy_13]

verdex: после type: 'GET', убери запятую

Answer 1

[Евгений Вольф]

Как-то так примерно:

$( 'body' ).on( 'click', 'a.md-trigger', function( e ) {
    var txt = $('#id_tektovogo_polya').val();
    $.get('http://domain.com/?get_key='+txt, function() {
        //Код после того, как форма отправилась.
    });
});

Очень примерно, но я думаю, суть Вы поймете.

Что бы ссылка "не работала" - можете использовать вариант приведенный выше, либо удалить из ссылки параметр href, либо сделать примерно так:

<a href="javascript:void(0);>Ссылка</a>