Javascript jqueryajax帖子不起作用?

Javascript jqueryajax帖子不起作用?,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我使用了没有表单的ajax帖子。当我点击submit按钮时,它应该会得到其他字段的值。未发送Post请求,也未显示任何输出。它正在返回此错误意外标识符 以下是输入字段 <input type="text" name="name" id="name" class="center-block Ename" placeholder="Enter you name"> <textarea class="center-block" name="message" i

我使用了没有表单的ajax帖子。当我点击submit按钮时,它应该会得到其他字段的值。未发送Post请求,也未显示任何输出。它正在返回此错误
意外标识符


以下是输入字段

<input type="text" name="name" id="name" class="center-block Ename" placeholder="Enter you name">
            <textarea class="center-block" name="message" id="message" rows="1" placeholder="Enter your message"></textarea>
            <input class="center-block sendBtn" type="submit" id="submit" name="submit" value="Submit">
它正在向这个php页面发送请求

<?php
include 'db.php';


//Here post data is being assigned to variables
        $name = $_POST['name'];
        $message = $_POST['message'];
        $queryInsert = "INSERT INTO chat(`name`, `message`) VALUES('$name', '$message')";
        $queryInsertRun = mysqli_query($con, $queryInsert);
        if(!$queryInsertRun){
            echo mysqli_error($con);
        }



//Here is the output which should be shown

$query = "SELECT * FROM `chat` ORDER BY `name` AND `message` DESC ";
$queryRun = mysqli_query($con, $query);
while($row = mysqli_fetch_assoc($queryRun)){
$name = $row['name'];
$message = $row['message'];
?>
    <span class="name" style="font-weight: bold"><?php echo  $name?>:</span>
    <span class="message"><?php echo  $message.'<br>'?></span>
    <hr>
<?php
}
?>

听起来你的JSON数据是无效的

var data = JSON.stringify(values);
var request = $.ajax({
  url: "script.php",
  method: "POST",
  data: data,
  dataType: "html" // read about dataType
});
试试这个代码

function ajaxcall()
{
console.log('i am called');
        var values = {
            'name': document.getElementById('name').value,
            'message': document.getElementById('message').value
        };

             $.ajax({
                type: "POST",
                url: "chat.php",
                data: values,
                success: function(data){
                    $("#chat").html(data);
                }
            });

}

$(document).ready(function(){
var id = setInterval(function() {
   ajaxcall();
}, 1000);
    });

如果要显示数据,请单击“提交”按钮,使用简单的单击功能。使用setInterval无法帮助您单击提交。 JS

$(document).ready(function(){
        $('#submit').click(function(){
            var values = {
                'name': document.getElementById('name').value,
                'message': document.getElementById('message').value
            };
            $.ajax({
                type: "POST",
                url: "chat.php",
                data: values,
                success: function(data){
                    $("#chat").html(data);
                }
            });

        });
      });

我想问题是关于返回的数据,你能评论一下这行
$(“#chat”).html(数据)并告诉您是否仍然收到错误?问题是在客户端还是服务器端?是否有任何错误消息?请添加更多信息。
$(document).ready(function(){
        $('#submit').click(function(){
            var values = {
                'name': document.getElementById('name').value,
                'message': document.getElementById('message').value
            };
            $.ajax({
                type: "POST",
                url: "chat.php",
                data: values,
                success: function(data){
                    $("#chat").html(data);
                }
            });

        });
      });