javascript - Javascript 输出行为怪异

Question

我有一个

        <p id="err_output"></p>

在我的页面上，它链接到这个 javascript：

$(document).ready(function($) {
    $("#username").on('keyup',check_username_existence);
 });

功能是这样的：

function check_username_existence(){
    $.ajax({ url: './php/user_name_availability.php',
         data: { username : $('#username').val() },
         type: 'post',
         success: function(output) {
                var json = $.parseJSON(output);
                $('#err_output').html(json.response.exist);

                if(json.response.exist == 'true'){
                //  $('#err_output').html('Exists');
                }
         }
    });
};

json 响应的值为：

{ "response" : { "exist" : true   } }
{ "response" : { "exist" : false  } }

问题是它只在存在为真时输出。

如果我把

 $('#err_output').html( output + json.response.exist);

另一方面，它也会输出错误值。

Answer 1

这条线

if(json.response.exist == 'true'){

正在与 string 进行比较"true"，但您存储了一个布尔值true，它应该适用于：

if (json.response.exist) {

Answer 2

去掉引号并使用恒等运算符 (===)。它会给你你期望的结果

if(json.response.exist === true){

弱比较会给你带来奇怪的结果。这是一个示例，说明为什么它会评估它在您的代码中的方式。

bool = "false";
if(bool){
  // bool evaluates to true because it is defined as a string
}

bool = 'true';
if(bool == true){
  // doesn't execute. comparing string to boolean yields false
}