$ ajax和jQuery将数据发送到php

时间:2014-07-16 10:04:10

标签: php ajax

我正在尝试使用$ .ajax使用jQuery和Ajax发送数据。我简化了案例只是为了发送一件事,但它不起作用。有人可以帮忙吗?

HTML:

<a href="#" id="button">clic!</a>
<br>
<div id="content"></div>

JQUERY

$("#button").click(function(e){
    e.preventDefault();
    $.ajax({
        name: "John",
        type: 'POST',
        url:"3.php",
        success:function(result){
            $("#content").html(result);
        }
    });

 });

PHP:

<?php

if( $_REQUEST["name"] )
{
   $name = $_REQUEST['name'];
   echo $name;
}

?>

4 个答案:

答案 0 :(得分:5)

你应该发送这样的数据:

$.ajax({
    type: "POST",
    url: "3.php",
    data: { name: "John" },
    success:function(result){
        $("#content").html(result);
    }
})

答案 1 :(得分:1)

您的JQuery语法错误。您应该添加data字段并将postvars放在那里:

$.ajax({
   type: "POST",
   url: "3.php",
   data: { name: "John" }
   success:function(result){
       $("#content").html(result);
   }
});

答案 2 :(得分:1)

您发送错误name: "John",它将是data: { name: "John" }然后您将在php页面上获得$_REQUEST['name'] 所以完整的请求将是

$.ajax({
    type: "POST",
    url: "3.php",
    data: { name: "John" },
    success:function(result){
        $("#content").html(result);
    }
})

答案 3 :(得分:0)

您的代码应为

$("#button").click(function(e){
    e.preventDefault();
    $.ajax({
        type: 'POST',
        url:"3.php",
        data:{name:"John"},
        success:function(result){
            $("#content").html(result);
        }
    });

 });