$ajax and jQuery send data to php

Question

I am trying to send data with jQuery and Ajax using $.ajax. I simplified the case just to send one thing but it does not work. Can someone help?

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;
}

?>

Aaroniker · Accepted Answer · 2014-07-16 10:07:04Z

5

You should send data like this:

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

answered Jul 16, 2014 at 10:07

Aaroniker

19012 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Phantom · Accepted Answer · 2014-07-16 10:07:21Z

1

Your JQuery syntax is wrong. You should add data field and put postvars there:

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

answered Jul 16, 2014 at 10:07

Phantom

1,6964 gold badges17 silver badges32 bronze badges

Comments

Rakesh Sharma · Accepted Answer · 2014-07-16 10:13:21Z

1

You are sending wrong name: "John",it will be data: { name: "John" } then you will get$_REQUEST['name'] on php page so full request will be

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

edited Jul 16, 2014 at 10:13

answered Jul 16, 2014 at 10:07

Rakesh Sharma

13.7k5 gold badges41 silver badges44 bronze badges

Comments

Ashish Chaturvedi · Accepted Answer · 2014-07-16 10:09:54Z

0

Your code should be

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

 });

answered Jul 16, 2014 at 10:09

Ashish Chaturvedi

1,3793 gold badges14 silver badges37 bronze badges

Collectives™ on Stack Overflow

$ajax and jQuery send data to php

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related