php - 如何在 Ajax 响应中的不同 div 元素中显示 PHP 回显

Question

if ($_POST['username']==""){
 echo "enter your username"; //echo 1
}
if ($_POST['password']==""){
 echo "enter your password"; //echo 2
}


 <div class="username-error"> <!-- echo 1 has to be displayed here --></div>
    <div class="password-error"> <!-- echo 2 has to be displayed here --> </div>

<小时/>

    $.ajax({
              url: $url,
              type: $type,
              data :formData,
              cache: false,
              contentType: false,
              processData: false,
              success: function(response){
                $('.username-error').html(response);
                $('.password-error').html(response);
              }
            });

如果我想通过ajax在另一个页面的两个div元素中分别显示这两个echo，我该怎么做？下面是我希望它们单独显示的两个 div。

Answer 1

您需要以 JS 脚本能够读取的方式格式化输出。

MyPHP.php

$usernameError = "" ;
$passwordError = ""; 

if ($_POST['username']==""){
   $usernameError = "enter your username";
}
if ($_POST['password']==""){
   $passwordError = "enter your password";
}
echo json_encode(['usernameError' => $usernameError, 'passwordError' => $passwordError]);

JS(假设您使用的是 jQuery)

$.ajax({
    data: {username: 'Username', password: 'password'},
    method: 'post',
    dataType: 'json',
})
.done(function(response){
    $('.username-error').text(response.usernameError);
    $('.password-error').text(response.passwordError);
})