我如何使用ajax成功数据

时间:2017-04-30 14:06:46

标签: php jquery ajax wordpress validation

这是表单验证检查器。我如何添加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();
    });
});

2 个答案:

答案 0 :(得分:0)

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

事情是

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

答案 1 :(得分:0)

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

  

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

- > HTML + jQuery部分(顶部有jQuery库):

- >您可以查看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

?>