简单的ajax jquery php代码

有谁能帮我写这个简单的代码吗。我得到这个错误：

"Notice: Undefined index: name in C:\xampp\htdocs\test.php on line 2

您输入的id为“

我还想知道如何在ajax语句中传递多个值，如：

data: {name: "john", country: "UK"}

在服务器端检索它，最后将其发布回初始页面

客户端：

<script>
    $(document).ready(function(){

        $("#btn").click(function(){

            $.ajax({
                type: "POST",
                url: "test.php",
                data: {name: "John"}
            })

            .done(function() {
                $("#output").load("test.php");
           });
        });

     });
 </script>


<form>
    <input type="button" value="Test" id="btn" />
</form>

<div id="output"> </div>

$（文档）.ready（函数（）{
$（“#btn”）。单击（函数（）{
$.ajax({
类型：“POST”，
url:“test.php”，
数据：{name:“John”}
})
.done（函数（）{
$（“#输出”）.load（“test.php”）；
});
});
});

服务器端：

<?php
    $student =(string) $_POST['name']; 
    //$student = isset($_POST['name'])?$_POST['name']:'err';
    $message = "Name: ".$student;
    echo ($message);
?>

---

您将加载

test.php

文件两次：一次加载POST请求，返回正确的数据……但随后您将忽略该数据，并再次加载GET请求，GET请求当然没有附加POSTdata

尝试：

---

试着这样做：

   $("#btn").click(function(){
        $.ajax({
            type: "POST",
            url: "test.php",
            data: {name: "John"},
            success: function(data) {
                $("#output").html(data);
            }
        })

您还可以添加更多数据，正如您所说：

data: {name: "John", country:"UK"}

---

在PHP中，您可以使用

$\u POST['country']

从表单通过Ajax传递多个数据项。例如，您可以这样做，从输入字段获取值并将其传递：

data: 
    'forename=' + $('#forename').val() +
    '&surname=' + $('#surname').val() +
    '&addressLine1=' + $('#addressLine1').val(),

data: 
    'forename=' + $('#forename').val() +
    '&surname=' + $('#surname').val() +
    '&addressLine1=' + $('#addressLine1').val(),