通过Ajax请求在表单中打印数据输入不工作 - Printing datainput in form by Ajax Request not working

Printing datainput in form by Ajax Request not working

我制作了一个表单，它在提交时转到一个php文件(save.php)并返回该名称，该名称作为响应后在index.html中发出警报。不知怎的，我无法打印回发送给php的名称。请帮助。

HTML

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $('#submit1').click(function(){
                $.ajax({
                    type: "POST",
                    url: "save.php",
                    data: jQuery("#form1").serialize(),
                    cache: false,
                    success:  function(data){
                       /* alert(data); if json obj. alert(JSON.stringify(data));*/
                       alert(data);
                    }
                });
            });
        });
    </script>
</head>
<div class="form_wrapper">
    <form id="form1">
        Name:<input id="name1" type="text" /> <br/>
        Email:<input id="email1" type="email" /><br/>
        <input id="submit1" type="submit" />
    </form>
</div>
</body> 
</html>

PHP:

<?php
$name = $_POST['name1'];
$email = $_POST['email1'];
echo $name;
?>

请帮助!

错误:

Notice: Undefined index: name1 in C:'xampp'htdocs'example3'save.php on line 3
Notice: Undefined index: email1 in C:'xampp'htdocs'example3'save.php on line 4

给你的输入字段一个名字并在php中访问$_POST['given_name']

谢谢你

问题是您的输入不具有name1和email1的name属性。

Name:<input id="name1" name="name1" type="text" /> <br/>
Email:<input id="email1" name="email1" type="email" /><br/

您漏掉了输入字段的名称

 Name:<input id="name1" type="text" name="name1"/> <br/>
 Email:<input id="email1" type="email" name="email"/><br/>