Ajax passing data to php script

Question

I am trying to send data to my PHP script to handle some stuff and generate some items.

$.ajax({  
    type: "POST",  
    url: "test.php", 
    data: "album="+ this.title,
    success: function(response) {
        content.html(response);
    }
});

In my PHP file I try to retrieve the album name. Though when I validate it, I created an alert to show what the albumname is I get nothing, I try to get the album name by $albumname = $_GET['album'];

Though it will say undefined :/

Darin Dimitrov · Accepted Answer · 2011-07-21 20:21:34Z

48

You are sending a POST AJAX request so use $albumname = $_POST['album']; on your server to fetch the value. Also I would recommend you writing the request like this in order to ensure proper encoding:

$.ajax({  
    type: 'POST',  
    url: 'test.php', 
    data: { album: this.title },
    success: function(response) {
        content.html(response);
    }
});

or in its shorter form:

$.post('test.php', { album: this.title }, function() {
    content.html(response);
});

and if you wanted to use a GET request:

$.ajax({  
    type: 'GET',
    url: 'test.php', 
    data: { album: this.title },
    success: function(response) {
        content.html(response);
    }
});

or in its shorter form:

$.get('test.php', { album: this.title }, function() {
    content.html(response);
});

and now on your server you wil be able to use $albumname = $_GET['album'];. Be careful though with AJAX GET requests as they might be cached by some browsers. To avoid caching them you could set the cache: false setting.

answered Jul 21, 2011 at 20:21

Darin Dimitrov

1.0m277 gold badges3.3k silver badges3k bronze badges

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

3 Comments

NeedHelp Over a year ago

Thanks this worked for me using GET. Couldn't get this figured out :/ thanks a bunch!

M.chaudhry Over a year ago

$.get('test.php', { album: this.title } i want to ask how to send two values

Ian Over a year ago

@M.chaudhry you may have found this already, but for future readers, this is JSON, so to send multiple values, you just add another one with a comma like so: $.get('test.php', { album: this.title, song: that.title });

rcravens · Accepted Answer · 2011-07-21 20:21:59Z

12

Try sending the data like this:

var data = {};
data.album = this.title;

Then you can access it like

$_POST['album']

Notice not a 'GET'

answered Jul 21, 2011 at 20:21

rcravens

8,3982 gold badges35 silver badges27 bronze badges

Comments

kaushik · Accepted Answer · 2016-05-21 03:10:15Z

4

You can also use bellow code for pass data using ajax.

var dataString = "album" + title;
$.ajax({  
    type: 'POST',  
    url: 'test.php', 
    data: dataString,
    success: function(response) {
        content.html(response);
    }
});

answered May 21, 2016 at 3:10

kaushik

9337 silver badges16 bronze badges

Comments

Andy McRae · Accepted Answer · 2025-06-27 22:07:40Z

0

You could use the following code:

$.ajax({
  type: 'POST',
  url: 'test.php', 
  data: { album: this.title }, 
  success: function(response) {
  //And insert the response in the html once received 
  content.html(response); 
 } 
});

edited Jun 27 at 22:07

Andy McRae

75212 silver badges21 bronze badges

answered Jul 30, 2022 at 2:17

dipak

1

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

Ajax passing data to php script

4 Answers 4

3 Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related