Question

How do I send AJAX data through $.ajax() in JavaScript via type: “POST” using JSON data formatting and how do I receive the data in a PHP script (through $_POST??) and put it into an array so I can use it? I’ve been kicking at this for hours and I have no idea what I’m doing wrong. If someone could post the JS and PHP code for sending and receiving JSON formatted data, I would be eternally grateful!!!!!

JS Code:

$.ajax({
                type: "POST",
                url: $(location).attr('protocol') + "//" + $(location).attr('hostname') + "/ajax/rate.php",
                data: {
                    "value1": 1,
                    "value2": 2,
                    "value3": 3,
                    "value4": 4,
                    "value5": 5
                },
                dataType: "json"
            });

PHP Code:

I was just using $_POST[“value1”], etc., to get that value. On that note, is there a way to make the ajax request GET instead AND open up a new window with that GET data on it so I can see what’s going on??

Answer 1

The idea is to create a php page the outputs data in JSON form. This data is taken from an array and echoed using the json_encode function. Using the $.ajax() method from jQuery, you send a request to that page and manipulate the data in the success: function.

Example.

PHP – array.php

$array = ("flag" => 1); 
echo json_encode($array);

JavaScript

$.ajax({
  url : '/array.php', // page containing JSON data
  dataType : 'json', // must be specified for JSON manipulation in success
  success : function(data) { 
       // this function is called if the call to test.php is successful
       // access the data using object dot syntax
       alert(data.flag); // should display '1'
  }
});

// Send data to server this way
PHP – test.php

echo $_POST['data'];

JavaScript

$.ajax({
  url : '/test.php',
  dataType : 'text', 
  type : 'post',
  data : { data : 'Hello, World!'},
  success : function(data)          
       alert(data); // should display 'Hello, World'
  }
});