如何使用 ajax 成功数据答案

【问题标题】：How can I use ajax success data如何使用 ajax 成功数据
【发布时间】：2017-04-30 14:06:46
【问题描述】：

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

【问题讨论】：

$("#myForm").on("submit", function(){ ?我从未见过可以在blur 上使用的注册表单，是吗？您无法匹配不知道密码的email，用户可以先填写电子邮件，对吧？
@RokoC.Buljan 我认为这个想法是检查输入的用户名和电子邮件是否已被占用，而不是让该人登录或为他们创建帐户
@sam000123：建议的答案呢？我相信你的录取记录确实有问题。这些过去的问题有没有解决？如果是这样，最好将它们标记为已解决，以便人们知道，并将其保存为记录。 UV 和接受好的答案也是 SO Q/A 系统的一部分。

标签： php jquery ajax wordpress validation

【解决方案1】：

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

事情是这样的

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

【讨论】：

【解决方案2】：

如果这个想法是检查电子邮件或用户名是否已经注册（即：对于邮件列表），那么以下内容将帮助您。

请记住，您应该不信任来自输入的用户数据，因此，在 PHP 部分，为了将表单数据与 DB 匹配，您应该真正考虑使用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>

-> 在 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

?>

【讨论】：