XMLHttpRequest responseType = «json» выдает ошибку SYNTAX_ERR: DOM Exception 12

У меня возникли проблемы с установкой XHR responseType в "json". Он отлично работает, если я оставляю его пустой строкой xml.responseType = "";, но когда я устанавливаю его в "json", я получаю сообщение об ошибке консоли SYNTAX_ERR: DOM Exception 12.

.js файл:

var xml = new XMLHttpRequest();
xml.open("GET", "test.php", true);
xml.responseType = "json";
xml.send();

Файл .php:

<?php
$foo = "{\"key1\":\"val1\", \"key2\":\"val2\"}";
echo $foo;
?>

Не знаю, что происходит. Есть идеи?