单击内部按钮时，模态弹出窗口不保存到数据库

Question

我是jquery和ajax的新手，所以请耐心等待。 我有这个链接：

   <a href="#message" style="text-decoration:none" class="common2 simple3" >Message</a>

单击时显示此弹出窗口：

  <div id="message" class="modalDialog">
       <div>        
            <h3>Create A Message</h3>
            <form id="msgForm" name="msgForm" action="#" method="post">
                <textarea  id = 'msgContent' cols="48" rows="10" ></textarea>
                    <br>
                    <div id="create_btn">
                        <a href='' id = 'send' class="common simple2" style='margin-left:50px;text-decoration: none;'>Send</a>
                    </div>
                    <div id="cancel_btn">
                        <a href="#close" class="common simple2" style='margin-left:40px;text-decoration: none;'>cancel</a>
                    </div>
             </form>
        </div>
   </div>

当我在文本区域中输入文本并在下面的脚本中通过alert（msgContent）显示其内容时，它将显示

  $(document).ready(function()
    {
        $("#send").click(function(e) 
        {   
            e.preventDefault();
            var msgContent = $("#msgContent").val();
            alert(msgContent);
                $.ajax({
                url: 'message.php?message='+ msgContent,
                type: 'GET',
                dataType: 'json',
                context: this,
                success: function(result)
                        {                                           

                            //if (result == true)
                            $(this).html('Send');   
                        } 
                });


        })
    })

但是，当我尝试通过ajax将其传递到php页面时，它不会传递。 有什么事吗

这是message.php

   $message = $_POST['message'];
   $result = false;
   $sql="INSERT INTO MESSAGE_LOG (sender,recepient, message)
          VALUES($viewer,$viewed,$message)";
    if (!mysqli_query($connection,$sql))
    {
        die('Error: ' . mysqli_error($connection));
    }

Answer 1

您需要从$_GET读取值：

$message = $_GET['message'];

或使用具有data属性的post方法：

 $(document).ready(function()
    {
        $("#send").click(function(e) 
        {   
            e.preventDefault();
            var msgContent = $("#msgContent").val();
            alert(msgContent);
                $.ajax({
                url: 'subscribe.php',
                type: 'POST',
                data: {message: msgContent},
                //dataType: 'json', from your php I don't that that you are looking for json response...
                context: this,
                success: function(result)
                        {                                           

                            //if (result == true)
                            $(this).html('Send');   
                        } 
                });


        })
    })

Answer 2

您的JS应该是这样的：

$(document).ready(function() {
    $("#send").click(function(e)  {   
        e.preventDefault();
        var msgContent = $("#msgContent").val();
        $.ajax({
            url: 'message.php',
            type: 'POST',
            dataType: 'json',
            data: {message: msgContent},
            context: this,
            success: function(result) {                                           
                alert('Message has been sent');  
            } 
        });
    });
});

而你的PHP：

$message = $_POST['message'];
$result = false;
$sql="INSERT INTO MESSAGE_LOG (sender,recepient, message)
      VALUES($viewer,$viewed,'$message')";
if (!mysqli_query($connection,$sql)) {
    die('Error: ' . mysqli_error($connection));
}