提取Json响应

我试图从php文件发送的jquery中提取Json响应.这是.js代码:

    $.ajax({
 url: 'index.php?page=register', //This is the current doc
 type: 'POST',
 datatype: 'json',
 data: {'userCheck': username},
 success: function(data){
    // Check if username is available or not
 },
 error: function(){
    alert('Much wrong, such sad');
 }
});

这是来自php文件的响应:

    if($sth->fetchColumn()!=0){
        //$response = array("taken");
        $response = array("username"=>"taken");
        echo json_encode($response);
        //echo '{"username':'taken"}';
    }else{
        //$response = array("available");
        $response = array("username"=>"available");
        echo json_encode($response);
        //echo '{"username":"available"}';
    }

我已经尝试了两种文件中我能想到的所有组合,但似乎没有任何效果.它是对数据库中用户名的简单检查.如果我通过控制台记录我从响应中获得的数据,我得到这个:

    {"username":"available"}
    // The rest of the page html

所以信息在那里,但我如何访问它？我在互联网上尝试了几种语法,但到目前为止还没有运气.我似乎记得一个json响应只能包含有效的json,那么问题是html吗？由于我的应用程序的结构,我不认为我可以避免这种情况,因此希望可以使用我目前的结构访问json.