Php jQuery/AJAX交互的问题_Php_Jquery_Ajax

Php jQuery/AJAX交互的问题

php jquery ajax

Php jQuery/AJAX交互的问题,php,jquery,ajax,Php,Jquery,Ajax,我最近一直在学习jQuery，今天我在使用AJAX。我现在想做的是，将一个日期从日期选择器发送到一个PHP页面，该页面将发送回该日期。稍后我将改进PHP页面以完成我需要做的事情。以下是HTML页面的代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="generator" content="AlterVista - Editor HTML"/>

我最近一直在学习jQuery，今天我在使用AJAX。我现在想做的是，将一个日期从日期选择器发送到一个PHP页面，该页面将发送回该日期。稍后我将改进PHP页面以完成我需要做的事情。以下是HTML页面的代码：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="generator" content="AlterVista - Editor HTML"/>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">
    $(document).ready(function() {
        $("#foo").submit(function(){
            var serializedData = $(this).serialize();
            $.post('demo.php', serializedData, function(response) {
                // Log the response to the console
                console.log("Response: "+response);
                $("#result").text() = response;
            });
        });
    });
  </script>
  <title></title>
</head>
<body>
    <form id='foo'>
        <input type='date' id='dataI' name='dataI'>
        <input type='submit' value='send'>
        <p id='result'></p>
    </form>
</body>
</html>


$（文档）.ready（函数（）{
$（“#foo”）.submit（函数（）{
var serializedData=$（this）.serialize（）；
$.post（'demo.php'，序列化数据，函数（响应）{
//将响应记录到控制台
console.log（“响应：+响应”）；
$（“#结果”）.text（）=响应；
});
});
});

下面是我制作的简单php页面：

<?php
    echo $_POST["dataS"];
?>

但当我尝试发送数据时，什么都没有发生。我做错了什么？我尝试使用我在堆栈溢出上看到的解决方案，但它不起作用


函数验证（）{
var serializedData=$（'#foo'）.serialize（）；
$.post（'ajax.php'，序列化数据，函数（响应）{
//将响应记录到控制台
console.log（“响应：+响应”）；
$（“#结果”）.html（回复）；
});
返回false；
}

尝试添加return false；之后

$.post('demo.php', serializedData, function(response) {
            // Log the response to the console
            console.log("Response: "+response);
            $("#result").text() = response;
        });

声明

 $(document).ready(function() {
        $("#foo").submit(function(){
            var serializedData = $(this).serialize();
            $.post('demo.php', serializedData, function(response) {
                // Log the response to the console
                console.log("Response: "+response);
                $("#result").text() = response;
            });
             return false;
            });
        });

这可能是失败的原因有很多。检查控制台的网络选项卡，查看请求的状态，并在ajax文件中更正字段名，如“dataI”而不是“dataS”