Send and receive data in same ajax request with jquery

Question

What is the best way to send data and receive a response dependent on that data?

Consider the PHP file used for the request:

$test = $_POST['test'];

echo json_encode($test);

I have tried unsucessfully to achieve this with:

$.ajax({
    type: "POST",
    dataType: "json",
    data: '{test : worked}',
    url: 'ajax/getDude.php',
    success: function(response) {
        alert(response);
    }
});

xpda · Accepted Answer · 2013-01-21 17:24:37Z

8

Lose the quotes to pass the object:

$.ajax({
  type: "POST",
  dataType: "json",
  data: {test : worked},
  url: 'ajax/getDude.php',
  success: function(data) {
    alert(data);
  }
});

edited Jan 21, 2013 at 17:24

xpda

15.9k8 gold badges54 silver badges83 bronze badges

answered Oct 18, 2012 at 23:19

user1757786

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

1 Comment

coiso Over a year ago

TypeError: Illegal invocation

Sushanth -- · Accepted Answer · 2012-10-18 22:58:53Z

5

Instead of this

data: '{test : worked}'

try

data: {"test" : worked} // Worked being your data you want to pass..
 data: {"test" : "worked"} // Else enclose worked in quotes

answered Oct 18, 2012 at 22:58

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

Comments

Kelvin · Accepted Answer · 2012-10-18 22:59:22Z

1

The problem appears to be that you're submitting a string rather than a json object - change data: '{test : worked}' to data: {test : 'worked'}

answered Oct 18, 2012 at 22:59

Kelvin

5,3171 gold badge27 silver badges37 bronze badges

Collectives™ on Stack Overflow

Send and receive data in same ajax request with jquery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

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

Related