HY

我试图使用ajax提交数据,然后获取它。我尝试了这段代码。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" href="css/bootstrap.css"/>

</head>

<body>
<div>

    <form action="voteupdown.php" id="form" method="post">
        <input type="text" name="fname" id="fname" class="form-control"/><br/>
        <input type="text" name="lname" id="lname" class="form-control"/><br/>
        <input type="submit" name="submit" id="submit" value="Submit"/>
    </form>

    <div id="result">

    </div>

</div>



<script src="js/jquery.js"></script>
<script>
    $(document).ready(function(){
        $('#form').submit(function(){
           return false;
        });
        $("#submit").click(function(){
            $.get(("voteupdown.php"), function (data) {
                $("#result").html(data);
            });
        });
    });

</script>
<script src="js/bootstrap.js"></script>
</body>
</html>


the footupdown.php

<?php

    $name = $_POST['fname'];
    $lname = $_POST['lname'];
echo $name;

?>


当我在我的pollupdown.php中简单地使用echo " hy this is test"时,代码将起作用,但是当我尝试回显姓氏和名字时,它将显示以下错误。

Notice: Undefined index: fname in G:\xampp\htdocs\Questiona-Step1\voteupdown.php on line 3

Notice: Undefined index: lname in G:\xampp\htdocs\Questiona-Step1\voteupdown.php on line 4


任何帮助将不胜感激。

最佳答案

您的服务器端脚本期望将数据发布到其中,您的JavaScript正在发送GET请求。此外,您的GET请求实际上不包含任何数据。

假设您希望服务器端期待POST,则应按以下方式更改JavaScript

$("#submit").click(function(){
        var fname = $('#fname').val();
        var lname = $('#lname').val();
        $.post("voteupdown.php"), {
           fname: fname,
           lname: lname
        },function (data) {
            $("#result").html(data);
        });
    });

关于javascript - Ajax无法正确获取数据,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32713095/

10-12 12:46
查看更多