AJAX函数给html div

Question

这是一个PHP函数，首先读取标题，然后读取已上传的txt文件的内容，

<?php
$q = $_REQUEST["q"];

$output = "";
if ($q !== "") {
    $bestand = fopen("Blogs.txt", "r");
    if (!$bestand) {
        echo "Kon geen bestand openen";
    }
    while (!feof($bestand)) {
        $blog = fgets($bestand);
        $blog = explode(",", $blog);
        $i = 0;
        foreach ($blog as $key) {
            $i++;
            if ($i % 2 == 0) {
                $output = $key;
            }
            elseif (!$i % 2 == 0) {
                $Blogname = fopen("Blogs/$key", "r");
                $Blogtext = fread($Blogname, filesize("Blogs/$key"));
                $output = $Blogtext;
            }
        }
    }
    fclose($bestand);
}
?>

但后来我想让它出现在html而不是php中，所以我搜索解决方案并找到了AJAX，但是为什么它不起作用已经挣了好几个小时

    function Getblog() {
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.open("GET", "Blogreader.php?q=" + str, true);
    xmlhttp.send();
    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            var para = document.createElement("div");
            var t = document.createElement(this.responseText);
            para.appendChild(t);
            document.getElementById("BlogDiv").appendChild(para);
        }
    };
}

这是提供void函数的Javascript代码。 我想要它做的是做一个PHP函数输出的DIV

<a> <input type="button" onclick="Getblog()"></a>
<div id="BlogDiv"></div>

这是刷新按钮和将要显示的div