Question

我是ajax和jquery的新手，所以我想请你们帮忙。我需要创建新用户的表单，然后记录用户。这些函数很有用，但是我想为函数的成功或失败创建警告框。

我不知道如何......这是我的代码

HTML

  <!-- Formular for signing up -->
  <h4 class="form-headline"> Not a member? Sign up here </h4>


 <form method="post">
    <div class="form-group">
        <label> Username </label>
        <input type="text" class="form-control" id="newusername"> 
    </div>    

    <div class="form-group">
        <label> Password </label>
        <input type="password" class="form-control" id="newpassword"> 
    </div>

    <div class="form-group">
        <label> Your club </label>
        <input type="text" class="form-control" id="newclub"> 
    </div>   

   <input type="button" id="btn-reg" class="btn btn-success"      value="Sign up!">
 </form>

脚本

 // -----------------Registration of new user----------------------


 console.log('Script loaded...');

// Calling for the method - reg
  $("#btn-reg").on("click", reg);      

function reg(e) {
    e.preventDefault();

    console.log('Klick, klick...');

    // Declaring variables
    var newusername=$("#newusername").val();
    var newpassword=$("#newpassword").val();
    var newclub=$("#newclub").val();



            $.post('classCalling.php', {

                    newusername: newusername,
                    newpassword: newpassword,
                    newclub: newclub
                },
                 function(data){
                        console.log(data);

                    });
            }

PHP

                // Creating instance of the class userClass.php


            var_dump($_POST);

            if(isset($_POST['newusername'])){   


                // Defining variables
                $newusername = $_POST['newusername'];
                $newpassword = $_POST['newpassword'];
                $newclub = $_POST['newclub'];

                // Password hash
                $hashpassword = sha1($newpassword);

                $user = new User();     
                $user->newUsers($newusername, $hashpassword, $newclub);


                } else {

                }?>

OOP

    // >>>>>>>>>>>>>>>> Function for saving new user to database 
    public function newUsers($newusername, $hashpassword, $newclub) {

        // Using prepared statement to prevent mysql injections.
        $stmt = $this->db->prepare("INSERT INTO users(username,  password, club)VALUES(?, ?, ?);");
        $stmt->bind_param("sss", $newusername, $hashpassword,  $newclub);

        if($stmt->execute()) {
            echo "<h3 class='usercreated'>Created</h3>";
            } else {
                echo "<h3 class='usercreated'> Failed </h3>";
            }
}

Answer 1

您可以回显脚本标记。

    if($stmt->execute()) {
        echo "<h3 class='usercreated'>Created</h3>";
        echo "<script type="text/javascript">";
        echo "alert("Hello World!")";
        echo "</script>";
        } else {
            echo "<h3 class='usercreated'> Failed </h3>";
        echo "<script type="text/javascript">";
        echo "alert("Hello World!")";
        echo "</script>";
        }

}

Answer 2

刚刚注意到你正在使用函数来创建一个新用户，我的又坏了

    if(isset($_POST['newusername'])){   
            // Defining variables
            $newusername = $_POST['newusername'];
            $newpassword = $_POST['newpassword'];
            $newclub = $_POST['newclub'];

            // Password hash
            $hashpassword = sha1($newpassword);

            $user = new User();     
            $status = $user->newUsers($newusername, $hashpassword, $newclub);
            if($status) {
                echo json_encode(array("status" : "success"));
            }else {
                echo json_encode(array("status" : "failed"));
            }
    }

从此功能返回

 public function newUsers($newusername, $hashpassword, $newclub) {
    // Using prepared statement to prevent mysql injections.
    $stmt = $this->db->prepare("INSERT INTO users(username,  password, club)VALUES(?, ?, ?);");
    $stmt->bind_param("sss", $newusername, $hashpassword,  $newclub);
    if($stmt->execute()) {
        return true;
    }else {
        return false
    }
 }

这将是相同的

       $.post('classCalling.php', {

                newusername: newusername,
                newpassword: newpassword,
                newclub: newclub
            },
             function(data){
                var object = JSON.parse(data);
                alert(object.status);
                // or you can add if else by using the status
             });
        }

Answer 3

对于脚本块。

var posting = $.post('classCalling.php', {
     newusername: newusername,
     newpassword: newpassword,
     newclub: newclub
});
posting.done(function( data ) {
     alert( "Data Loaded Ok");
}); 
posting.fail(function( data ) {
     alert( "Error loading data");
});

希望这会对你有所帮助。

注册新用户的Jquery警报框

3 个答案: