Pass data from jQuery to PHP for an ajax post

Question

Hello I am a newbie working with jQuery and Ajax. I am trying submit data to the server using Jquery POST method. And the data that I am passing is a string. Now I am unable to understand how do I pass the data and how do I retrieve the data. I have tried searching for articles for my problem, but I have found none. I believe my problem is very basic.

if (1)//validateStep(step)
{
if(step==1)
{
var data = document.getElementById('hiddenContact').value;
$.post('/callcenter/admin/postContacts', data);
}
}

Now I'll post the code for my postContacts action, which isn't a big thing.

function postContacts()
{
$this->autoRender = false;
echo '<script>console.log("post contacts");</script>';
}

But I am confused as to how the data has to be retrieved. Any help is appreciated. I am using cakePHP, so I have had to use autoRender=false; which makes the view optional.

Marcus Whybrow · Accepted Answer · 2010-11-17 23:05:42Z

17

With jQuery post you can define a callback function which is executed when the data is returned:

$.post('/callcenter/admin/postContacts', data, function(returnedData) {
    // do something here with the returnedData
    console.log(returnedData);
});

The data should be in the form:

{name: 'value', anotherName: 'another value'}

which equates to the post names on the PHP end accessible in plain PHP like this:

echo $_POST['name'];           # prints "value"
echo $_POST['anotherName'];    # print "another value"

edited Nov 17, 2010 at 23:05

answered Nov 17, 2010 at 23:00

Marcus Whybrow

20.1k9 gold badges72 silver badges90 bronze badges

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

1 Comment

mLstudent33 Over a year ago

yes but how do you send back the JSON from the controller to the .post function being called in thew view?

mike · Accepted Answer · 2010-11-17 23:00:43Z

2

The data param is supposed to be an object that has keys and values.

var data = {
    hiddenContact: document.getElementById('hiddenContact').value
}
$.post('/callcenter/admin/postContacts', data);

Then in PHP you can retrieve it like this:

$hiddenContact = $_POST["hiddenContact"];

I'm not a big CakePHP user but I believe the CakePHP version is like this:

$hiddenContact = $this->params["hiddenContact"];

answered Nov 17, 2010 at 23:00

mike

4,4331 gold badge29 silver badges16 bronze badges

Comments

Jason Benson · Accepted Answer · 2010-11-17 23:01:32Z

1

//javascript
if(step==1)
{
   var data = {'MyFieldName':document.getElementById('hiddenContact').value};
   $.post('/callcenter/admin/postContacts', data, function(returnData){
      alert('The server said ' + returnData);
   });
}

//read the post in php
<?
   echo 'Your ajax post data was '. $_POST['MyFieldName'];
?>

answered Nov 17, 2010 at 23:01

Jason Benson

3,3981 gold badge23 silver badges21 bronze badges

Collectives™ on Stack Overflow

Pass data from jQuery to PHP for an ajax post

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related