Question

在我的index.php上，我有一个发布到文件submit.php的表单。 Submit.php对数据进行sanatizes并将其提交到mySQL数据库和echos：

<h1>Message Sent</h1>
<p>Thanks for contacting us.  Will get back to you shortly</p>

我可以在我的控制台中看到我的回复。我想把回复放在我的页面上，但我不确定如何做到这一点。通过其他stackoverflow帖子阅读，看起来我需要使用AJAX来检查用户表单是否已经提交（不确定SQL查询会是什么样子），然后如果已经提交则返回上面的内容HTML。

问题是我不想从表单中获取任何数据，我只是想检查表单是否已成功提交到数据库。我是否需要对数据库执行AJAX请求以查看它是否或者我可以以某种方式获取控制台响应并将其放在页面上？

如果我确实需要使用AJAX，我想要获取什么？表格包括他们的名字，姓氏，电子邮件，电话，网站和描述。我不确定我想要使用GET，因为我不希望他们的信息作为GET请求被无保护地处理（我的理解是GET请求不应包含需要安全的信息）。

另外，我假设我可以确定何时返回php HTML响应，请使用W3中的以下代码：

    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("txtHint").innerHTML = this.responseText;
        }
    };

总结一下：

如何在我的页面上获得PHP的POST响应？
如果使用AJAX我想要获取什么，因为我不需要返回任何数据？
我是否会使用与上述类似的代码来确定帖子何时完成？

编辑：

以下是表格：

<div id="contact-box">
    <div id="container">
        <form class="well form-horizontal" action="/submit.php " method="post"  id="contact_form">
    <fieldset>

    <!-- Form Name -->
    <legend>Contact Us Today!</legend>

    <!-- Text input-->

    <div class="form-group">
      <label class="col-md-4 control-label">First Name</label>
      <div class="col-md-4 inputGroupContainer">
      <div class="input-group">
      <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
      <input  name="first_name" placeholder="First Name" class="form-control"  type="text">
        </div>
      </div>
    </div>


    <!-- Text input-->

    <div class="form-group">
      <label class="col-md-4 control-label" >Last Name</label>
        <div class="col-md-4 inputGroupContainer">
        <div class="input-group">
      <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
      <input name="last_name" placeholder="Last Name" class="form-control"  type="text">
        </div>
      </div>
    </div>

    <!-- Text input-->
           <div class="form-group">
      <label class="col-md-4 control-label">E-Mail</label>
        <div class="col-md-4 inputGroupContainer">
        <div class="input-group">
            <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
      <input name="email" placeholder="E-Mail Address" class="form-control"  type="text">
        </div>
      </div>
    </div>


    <!-- Text input-->

    <div class="form-group">
      <label class="col-md-4 control-label">Phone #</label>
        <div class="col-md-4 inputGroupContainer">
        <div class="input-group">
            <span class="input-group-addon"><i class="glyphicon glyphicon-earphone"></i></span>
      <input name="phone" placeholder="(845)555-1212" class="form-control" type="text">
        </div>
      </div>
    </div>

    <!-- Text input-->
    <div class="form-group">
      <label class="col-md-4 control-label">Website or Domain Name</label>
       <div class="col-md-4 inputGroupContainer">
        <div class="input-group">
            <span class="input-group-addon"><i class="glyphicon glyphicon-globe"></i></span>
      <input name="website" placeholder="Website or Domain name" class="form-control" type="text">
        </div>
      </div>
    </div>

    <!-- Text area -->

    <div class="form-group">
      <label class="col-md-4 control-label">Project Description</label>
        <div class="col-md-4 inputGroupContainer">
        <div class="input-group">
            <span class="input-group-addon"><i class="glyphicon glyphicon-pencil"></i></span>
                <textarea class="form-control" name="comment" placeholder="Project Description"></textarea>
      </div>
      </div>
    </div>

    <p class="antispam"><input type="text" name="url" /></p>


    <!-- radio checks -->
     <div class="form-group">
                            <label class="col-md-4 control-label">Do you Have Hosting?</label>
                            <div class="col-md-4">
                                <div class="radio">
                                    <label>
                                        <input type="radio" name="hosting" value="yes" /> Yes
                                    </label>
                                </div>
                                <div class="radio">
                                    <label>
                                        <input type="radio" name="hosting" value="no" /> No
                                    </label>
                                </div>
                            </div>
                        </div>


    <!-- Button -->
    <div class="form-group">
      <label class="col-md-4 control-label"></label>
      <div class="col-md-4">
        <button type="submit" class="btn btn-warning" >Send <span class="glyphicon glyphicon-send"></span></button>
      </div>
    </div>

    </fieldset>
    </form>
    </div>
        </div><!-- /.container -->
</div>

AJAX是否需要返回PHP响应？

0 个答案: