У моего кода ajax есть проблема, и я не знаю, что я могу сделать - PullRequest
Новая
       7

У моего кода ajax есть проблема, и я не знаю, что я могу сделать

0 голосов
/ 24 сентября 2018

Это код.Проблема в том, что когда я нажимаю кнопку, она ничего не делает, и я хочу просто проверить, работает ли ajax.Я имею в виду, когда я нажимаю кнопку, чтобы предупредить меня с данными .. Это index.php 

<html>
<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
    <div class = "container">
        <div class = "jumbotron">
            <input type = "username" name = "username" id = "username" placeholder = "username">
            <input type = "password" name = "password" id = "password" placeholder = "password">
            <button name = "startRegister" id = "startRegister">Register</button>
        </div>
    </div>
</body>
<script>
    $(document).ready(function(){
        $('#startRegister').click(function(event){
            event.preventDefault();
            var user = $('#username').val();
            var pass = $('#password').val();
            $.ajax({
                url:"register.php",
                method: "post",
                data: {username: user, password: pass},
                succes:function(data){
                 alert(data);
                }
            });
        });
    });
</script>
</html>

Это register.php 

<?php
 echo "Welcome to first php !";
?>

ИЗОБРАЖЕНИЕ С МОИМИ ФАЙЛАМИ: введите описание изображения здесь

1 Ответ

0 голосов
/ 24 сентября 2018

Если это ничего не делает для вас, то вы, вероятно, не нажимаете на тот триггер « success », к которому вы стремитесь.Было бы лучше открыть Консоль (щелкните правой кнопкой мыши -> Inspect, если вы используете Google Chrome) и проверьте наличие там всех сообщений после нажатия кнопки.

В коде, который вы скопировали, у вас есть«succes», в то время как триггер фактически «success» (double s)

Кроме того, вы можете расширить вызов AJAX, чтобы также выполнять обработку ошибок: 

 data: {username: user, password: pass},
 success:function(data){
      alert(data);
 },
 error: function (request, status, error) {
      alert(request.responseText);
 }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...