javascript - 无法使用 AJAX 识别 HTML 表单元素的值

Question

我正在尝试使用 AJAX 在我的项目中实现消息系统，但是我遇到了一些问题，因为我是 AJAX 新手。下面的代码能够完美地将输入数据从 MsgMain.php 文件发送到 MsgInsert.php。但是，当我尝试从 MsgInsert.php 上的 MsgMain.php 获取 $_POST['msgSend'] 时，它失败了。

AJAX 代码位于 MsgMain.php

$(document).ready(function(){
    $("#chatBtn").click(function(){
        $("#msgBtn").val("chat");
    });
    $("#pmBtn").click(function(){
        $("#msgBtn").val("pm");
    });
});
$(function() {
    $("#msgBtn").click(function() {
        var textcontent = $("#msgInput").val();
        var dataString = 'content='+ textcontent;
        if(textcontent=='')
        {
            alert("Enter some text..");
            $("#msgInput").focus();
        }
        else
        {
            $.ajax({
                type: "POST",
                url: "msg/MsgInsert.php",
                data: dataString,
                cache: true,
                success: function(response){
                    document.getElementById('content').value='';
                    $("#msgBtn").focus();
                }
            });
        }
        return false;
    });
});

MsgMain.php 仅用于 HTML 表单的文件代码

<form action="MsgInsert.php" id="frmBox" name="msgSend" method="POST" onsubmit="return formSubmit();">
    <div class="input-group ">
        <input type="text" class="form-control" name="msgBox" id="msgInput" title="Enter your message" required>
        <div class="input-group-btn">
            <button class="btn btn-success w3-hover-white w3-hover-text-green" type="submit" id="msgBtn" title="Send your message" value="chat"><i class="glyphicon glyphicon-send"></i></button>
        </div>

    </div>
</form>

MsgInsert.php 文件代码，当我删除 $_POST['msgSend']

的 if 语句时效果很好

    <?php
if(!isset($_SESSION['login_user'])){
    header("location: ../index.php"); // Redirecting To Home Page
}
if (isset($_POST['content'])) {
    if (isset($_POST['msgSend'])) {
        $conn = mysqli_connect("localhost", "root", "", "msg");
        if (!$conn) {
            die('Could not connect: ' . mysqli_error($conn));
        }
        $content=$_POST['content'];
        mysqli_query($conn, "INSERT INTO `msgpm`(`id`, `msgFrom`, `msgTo`, `msg`) VALUES ('','bob','ram','$content')");
    }
}
?>

很抱歉，如果已经提出此类问题。

Answer 1

根据 JS 中的这一行，您没有发送 msgSent 属性:

var dataString = 'content='+ textcontent;

我只能看到您可以通过 $_POST['content'] 使用的内容。

试试这个:

var dataString = 'content='+ textcontent + '&msgSent' + '<?php echo $_POST['msgSent']; ?>';