无法从Javascript中的AJAX获取响应

我制作了一个简单的AJAX应用程序，它在一段时间内运行良好，但我不知道该应用程序运行不正常时出了什么问题。我将所有信息放在这里：

这是HTML代码：

你的评论
发送消息
打开对话框

然后我编写了如下Javascript代码：

var xmlhttp=new XMLHttpRequest（）；
var firstname=document.getElementById（'firstname'）。值，
lastname=document.getElementById（'lastname'）。值，
email=document.getElementById（'mail'）。值，
contact=document.getElementById（'phone'）。值，
message=document.getElementById（'message'）。值；
函数提交表单（）
{
xmlhttp.onreadystatechange=函数（）
{
if（（xmlhttp.readyState==4）和&（xmlhttp.status==200））
{
document.getElementById（'response'）.innerHTML=xmlhttp.responseText；
document.getElementById（'clickme'）。click（）；
firstnameinp.value=“”；
lastnameinp.value=“”；
emailinp.value=“”；
contactinp.value=“”；
messageinp.value=“”；
}
}
xmlhttp.open（'POST'，'process_comments.php？firstname='+firstname+'&lastname='+lastname
+“&email=”+email+”&contact=“+contact+”&message=”+message+”，true）；
xmlhttp.send（）；
}

这是我的PHP文件（process_comments.PHP）：

---

“它没有给出期望的结果。”期望的结果是什么？会发生什么？你有错误吗？你做了什么来调试这个问题？这是服务器端问题还是客户端问题？请阅读。我只是没有得到想要的结果xmlhttp.resonseText。我检查了google chrome的“开发工具”，没有任何错误。我以前可以得到xmlhttp.responseText，但现在不可用。“但现在不可用”这是什么意思？他的值是空字符串吗？您是否检查了浏览器发出的网络请求？当我在if语句中发出警报（“hello”（if（xmlhttp.readyStatus==4&&xmlhttp.status==200））时，它会发出警报，但如果我发出警报（http.responseText），则不会发出警报。并且查询不会在数据库中插入任何记录。请单击web检查器中的“网络”选项卡，查看服务器的响应。
<div class="col-lg-6 col-md-6 contact-wthree2">
        <h3 class="head2">Your Comments</h3>
        <form onsubmit="submit_form();">
            <div class="row">
                <div class="form-group col-lg-6 col-md-6 col-sm-6 slideanim">
                    <input type="text" class="form-control first-name" id="firstname" placeholder="First Name"
                           required/>
                </div>
                <div class="form-group col-lg-6 col-md-6 col-sm-6 slideanim">
                    <input type="text" class="form-control last-name" id="lastname" placeholder="Last Name"
                           required/>
                </div>
                <div class="form-group col-lg-6 col-md-6 col-sm-6 slideanim">
                    <input type="email" class="form-control mail" id="mail" placeholder="Your Email" required/>
                </div>
                <div class="form-group col-lg-6 col-md-6 col-sm-6 slideanim">
                    <input type="tel" class="form-control pno" id="phone" placeholder="Your Phone Number"
                           required/>
                </div>
                <div class="clearfix"></div>
                <div class="form-group col-lg-12 slideanim">
                    <textarea class="form-control" rows="6" id="message" placeholder="Your Message" required></textarea>
                </div>
                <div class="form-group col-lg-12 slideanim">
                    <button type="submit" class="btn btn-lg btn-outline">Send Message</button>
                </div>
            </div>
        </form>
    </div>
</div>

<button class="btn btn-primary" id="clickme" data-toggle="modal" data- target="#dialog" style="display:none">Open Dialog</button>

<div class="modal fade" id="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header" id="response">

            </div>

        </div>

    </div>

</div>  

<script>
    var xmlhttp = new XMLHttpRequest();


        var firstname =  document.getElementById('firstname').value,
        lastname = document.getElementById('lastname').value,
        email = document.getElementById('mail').value,
        contact = document.getElementById('phone').value,
        message = document.getElementById('message').value;

    function submit_form()
    {
        xmlhttp.onreadystatechange = function()
        {

            if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200))
            {

                document.getElementById('response').innerHTML = xmlhttp.responseText;
                document.getElementById('clickme').click();

                firstnameinp.value="";
                 lastnameinp.value="";
                 emailinp.value="";
                 contactinp.value="";
                 messageinp.value="";


            }
        }
        xmlhttp.open('POST','process_comments.php?firstname=' + firstname+'&lastname='+lastname
            +'&email='+email+'&contact='+contact+'&message='+message+'',true);
        xmlhttp.send();

    }



</script>  

<?php
include('connection.php');
$firstname = "";
$lastname = "";
$email = "";
$contact = "";
$message = "";
$sql = "";
$table = "comments";
if (isset($_REQUEST['firstname']) && isset($_REQUEST['lastname']) &&    isset($_REQUEST['email']) && isset($_REQUEST['contact']) && isset($_REQUEST['message'])) {
//echo "Hi";
$firstname = "'" . $_REQUEST['firstname'] . "'";
$lastname = "'" . $_REQUEST['lastname'] . "'";
$email = "'" . $_REQUEST['email'] . "'";
$contact = $_REQUEST['contact'];
$message = "'" . $_REQUEST['message'] . "'";
$sql = "INSERT INTO {$table} VALUES (NULL,{$firstname},{$lastname},{$email},{$contact},{$message})";
if (mysqli_query($conn, $sql)) {


    echo "<div class='alert alert-success' ><h4>Your message has successfully been sent.</h4></div>

        <div class=\"text-right\">
                    <button class=\"btn btn-danger\" data-dismiss=\"modal\">Close</button>

        </div>";
} else {
    echo "<div class='alert alert-danger' ><h4> Message sending failed.</h4></div>

        <div class=\"text-right\">
                    <button class=\"btn btn-danger\" data-dismiss=\"modal\">Close</button>

        </div>";
}
} else {
echo "<div class='alert alert-danger' ><h4>Message sending failed.</h4></div>

        <div class=\"text-right\">
                    <button class=\"btn btn-danger\" data-dismiss=\"modal\">Close</button>

        </div>";
}