Question

这是表单验证检查器。我如何添加ajax成功消息。在所有验证之后，我想要显示成功消息，例如“您的成功注册”;

jQuery(function ($) {
    $('#username').blur(function(e) {
        var username = $('#username').val();
        $.ajax({
            type: 'POST',
            //url: 'http://localhost/stateway/user-signup/?username=' + username,
            url: 'http://localhost/blue_bucket/signup/?username=' + username,
            success: function (response) {
                $("#responseusername").html(response);
            }
        });
        e.preventDefault();
    });

    $('#email').blur(function(e) {
        var email = $('#email').val();
        $.ajax({
            type: 'POST',
            //url: 'http://localhost/stateway/user-signup/?email=' + email,
            url: 'http://localhost/blue_bucket/signup/?email=' + email,
            success: function (response) {
                $("#responseemail").html(response);
            }
        });
        e.preventDefault();
    });
});

Answer 1

很简单。您可以使用Javascript警报方法，也可以将成功消息附加到DOM上的div或类似的内容。

事情是

如果您发出请求，那么当您创建AJAX请求时，它将会转到您的服务器端代码。如果代码成功执行了你想做的事情。然后echo 'signup success'并向您的用户显示此消息，只需将此$("#responseemail").html(response);更改为此alert(response)即可完成..！我希望这会对你有所帮助:)。

Answer 2

IF 的想法是检查电子邮件或用户名是否已经注册（即：邮寄名单），以下内容对您有帮助。

请注意，您应该不信任来自输入的用户数据，因此，在PHP部分，为了将表单数据与数据库匹配，您应该真的考虑使用PPS : Prepared Parameterized Statements。这将有助于Preventing SQL injection

- ＆GT; HTML + jQuery部分（顶部有jQuery库）：

- ＆GT;您可以查看jQuery manual -> jQuery.post()

中的所有内容

<div id="samplediv"></div> <!-- will handle answer -->

<script type="text/javascript">

$(document).ready( function() {

$("#regbutton").click(function(e){
     e.preventDefault();

          var email = $('#email').val();
          var username = $('#username').val();
          $.ajax({
           url: "register.php",
           method: "POST",
           data: "email="+email+"&username="+username,
           success: function(data){
             // if PHP response is OK we show it
             $("#samplediv").html(''+data'');
            },
            error: function (request, status, error) {
            alert(request.responseText);
            }
          });
         });
});
</script>

<form action="#" id="form" method="post">
<p><input type="text" name="email" id="email" value="" /> email</p>
<p><input type="text" name="username" id="username" value="" /> username</p>
<input type="submit" id="regbutton" value="GO" />
</form>

- ＆GT;在PHP部分（register.php）：

<?php

error_reporting(E_ALL); ini_set('display_errors', 1);

$email = $_POST['email'];
$username = $_POST['username'];

// make all checking on user's data + match against DB here, if success ->

echo"Your successfully signup"; // else error : change message using PHP answer

?>

我如何使用ajax成功数据

2 个答案: