javascript - 表单提交空值

Question

我正在使用 echo 从另一个页面抓取一个表单，就像这样

<div id = "consult-form-wrapper">
   <?php include('consultation.php') ?>
</div>

实际形式

<div id="acordeon">
<div class="panel-group" id="accordion">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" href="#collapseThree">
          Consult Form
        </a>
      </h4>
  </div>
        <form name ="consult-form" method="post" id="consult-form">
            <div class = "col-md-8">
                <div id="collapseThree" class="panel-collapse collapse">
                  <div class="panel-body">
                        <h5>Why did you sign up?</h5>
                         <textarea class="form-control" name = "q1" id="q1"></textarea>
                      </div>

                        <h5>What are your goals?</h5>
                         <textarea class="form-control" name = "q2" id="q2"> </textarea>

                    <div class="footer text-center">
                        <button type="submit" class="btn btn-fill btn-success" onClick="submitconsult()"
                            >Submit</button>
                         <button id="reset" class="btn btn-fill btn-danger" type="reset">Reset</button>
                    </div>
                </div>

            </div>
        </form>
  </div>
</div>
</div>

sql代码

$comment = $_POST['q1'];
$id2=$_SESSION['new_id'];
$id4 = '1026';

try {
        $pbr = $conn->prepare("UPDATE `memberInfo` mi
                       INNER JOIN `loginInfo` AS li
                       ON li.userID = mi.UserID
                       SET `q1` = ?
                       WHERE mi.userID = ?");
        //mysqli_real_escape_string($conn, $q1);
        $pbr->bind_param("ss", $comment, $id2);
        $pbr->execute();

javascript代码

function submitconsult() {
    var data = $('#consult-form').serialize();
    $.ajax({
        type: "POST",
        url: "postconsult.php",
        data: data,
        cache: false,
        success: function(html) {
        //alert(html);
        //document.getElementById('regform').reset();
        }
        });
}

如果我直接导​​航到 consultation.php，它会正常发布，但如果我尝试从页面执行此操作，我会从它回显它，只是提交为空。我认为它可能没有获取 session ID ($id2)，所以我硬编码了 id ($id4) 并且仍然是同样的问题。

Answer 1

您已经使用提交按钮提交了一次表单

<button type="submit" class="btn btn-fill btn-success" onClick="submitconsult()">Submit</button>

然后再次通过 submitconsult() 函数。您需要更改函数以防止第一次提交，以便您可以执行 Ajax:

function submitconsult(evt) {
  evt.preventDefault();....

或者简单地从按钮中删除提交类型并将按钮移出表单，然后调用 Ajax 函数而不自动触发表单提交。