Как с помощью vue.js пользоваться ajax?

166
01 августа 2018, 11:00

Мне нужно сделать проверку инпута, с помощью vue.js, без нажатия на submit, которая будет проверять наличие логина в БД (проверяется в php файле).

Если есть данный логин, то с помощью vue.js изменяется классы в html файле, но у меня не получается отправлять запросы не нажимая на клавишу submit, т.е. мне надо чтобы запрос отправлялся сразу же, как я ввожу в инпут хотя бы что-то.

Вот немножко код HTML:

        <div id = "test" class = "form-group row">
            <input class = 'form-control col-sm-4' type = "text" v-model="message">
            <input  type = "button"  class = "form-control btn col-sm-2" value = "something" v-bind:class="{' btn-outline-success': !error(), ' btn btn-outline-danger': error() }" /><br>
            <p id = "alert" ><p>
        </div>

Вот код js:

 var test = new Vue({
        el: '#test',
        data: {
            message: ''
        },
        methods: {
            check(){
                var login = this.message;
                var message = 'something';
                $.get('check.php', {check_login:login}, function(data)  {
                    $("#alert").html(data);//Здесь я просто проверяю что вывелось в php, и вывелось ли 
                });
            }
        }
    });

Вот код php:

include_once('settings.php');
$login = $_POST['check_login'];
$sql_login = sprintf("SELECT login FROM users WHERE login = '$login'");
$result = mysqli_query($connection, $sql_login);
$row = mysqli_fetch_assoc($result);
if ($row){
    echo true;
}
else 
    echo false;
READ ALSO
Удаление и получение user из бд с помощью php

Удаление и получение user из бд с помощью php

В БД 'secret_users' с полями: id, name, email, password, ip_reg, data_reg есть users

182
Выгрузка файлов и запись их в фаил

Выгрузка файлов и запись их в фаил

У меня есть 2 группы радио кнопок:

154
Собрать данные из двух таблиц mysql

Собрать данные из двух таблиц mysql

Есть две таблицыПервая таблица студентов с личными данными

174
ajax в WordPress

ajax в WordPress

Использовал уже много раз ajax запросы в WordPressНо в последнее время заметил, что все-таки они долго выполняются

177