Как правильно отправить запрос на сервер?

Question

[game802]

Добрый день уважаемые знатоки.
Хотел бы задать Вам следующий вопрос по поводу отправки запроса на сервер с сайта.

У меня есть вот такая вот форма:

<form method="get" action="">
    <input type="text" name="phone" placeholder="Ваш телефон:">
    <button id="test">Свяжитесь со мной</button>
</form>

И есть вот такой вот обработчик:

$(document).ready(function(){
    $('#test').click(function() {
        MyCallback.doCall('e0db1f775e186f791d96139bb322ee1e', '300ab01783004f8fef89f9ad1b7ab9b1', '');
    });

    var MyCallback = {
        doCall: function (hunter_code, wp_code, phone) {
            var params = {
                    hcode: hunter_code,
                    wp_code: wp_code,
                    phone: phone,
                    sid: this.getCookie('hunter_sid'),
                    url: window.location.href,
                    lang: 'ru',
                    call_rand_id: this.getRand(16)
            };
            (new Image()).src = '//callbackhunter.com/hunter/?' + this.makeQueryString(params);
        },        

        makeQueryString: function (data) {
            var query = [];
            for (var i in data) {
                    if (data.hasOwnProperty(i)) {
                            query.push(encodeURIComponent(i) + '=' + encodeURIComponent(data[i]));
                    }
            }
            return query.join('&');
        },

        getCookie: function (a) {
            var b = document.cookie.match(new RegExp("(?:^|; )" + a.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
            return b ? decodeURIComponent(b[1]) : '';
        },

        getRand: function (str_len, b) {        
            b = b ? b : '';        
            return str_len ? this.getRand(--str_len, "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz".charAt(Math.floor(Math.random() * 60)) + b) : b;
        }
    };

});

Не понимаю каким образом можно поместить введенные данные пользователем в переменную, чтобы она отправила запрос на сервер. И не понимаю по какой причине этот запрос не отправляется на сервер.
Кто нибудь сможет мне с этим помочь? Буду очень благодарен. Спасибо!

Comments

[V Sh.]

А где у вас action у формы заполняется? По идее, именно по адресу, указанному в action, и будут отправляться данные...

[game802]

V Sh.: угу... а каким образом сделать так, чтобы пользователя не перенаправляло на другую страницу? и отправлялся только запрос? Спасибо!

[V Sh.]

HackOwnB: Ну вам нужно в сторону AJAX смотреть. Ну и прописать отмену действия по-умолчанию event.preventDefault() на событии нажатия кнопки.

[Модератор]

game802, за порчу вопросов будет больно.

Answer 1

[Abdula Magomedov]

1. Так в коде нигде не отправляются данные на сервер...
2. Подписывайся на событие "submit" самой формы, а не на клик кнопки.
3. Посмотри в сторону, ajax jquery.page2page.ru/index.php5/Ajax

Comments

[game802]

я прописал в action="//callbackhunter.com/hunter/" но он тупо перенаправляет на эту страницу пользователя. И скрипт не добавляет данные в запрос... как мне решить эту проблему?

[Abdula Magomedov]

HackOwnB: где ты это присваиваешь. Там же нету такой строчки

[game802]

Abdula Magomedov:

<form method="get" action="//callbackhunter.com/hunter/" class="contactform1">
    <input type="text" name="phone" placeholder="Ваш телефон:" class="form-control phone validate[required]">
    <button class="btn btn-default btn-zakaz" id="test" onclick="yaCounter39329425.reachGoal('650099'); return true;">Оставить заявку</button>
</form>

Прописал... и он просто тупо перенаправляет на страничку, которая прописана в action и прикрепляет ?phone=(значение), но не забирает данные из скрипта. Не пойму того, что я делаю не правильно.

[game802]

и он же должен отправлять запрос, а не перенаправлять человека на другую страничку...

[Abdula Magomedov]

HackOwnB: воспользуйтесь советами 2 и 3, которые я написал в ответе

[game802]

Abdula Magomedov: да, дошло, спасибо!