I am trying to return a row from my database where the id sent via jquery to the php matches a field value. I am getting back undefined and can't seem to work my way out of it.
My jquery:
function renderPreview( event ) {
target = event.target.id;
console.log(target) // should say the id name
$('#results').removeClass();
$('#results').addClass(target).html( $('#textInput').val() );
$('html, body').animate({ scrollTop: 600}, "slow");
console.log('start ajax')
$.ajax({
url: '../test.php',
type: 'POST',
data: [{'class' : target}],
dataType: 'json',
success: function(data) {
var id = data[0];
var name = data[1];
var style = data[2];
$('#codeTest').html("<b>id: </b><br />"+id+"<br /><b> name: </b><br />"+name+"<br /><b> style: </b><br />"+style);
}
});
};
PHP:
$dbstylename = $_POST['class'];
$result = mysql_query("SELECT * FROM style where stylename like '$dbstylename'");
$array = mysql_fetch_row($result);
echo json_encode($array);
mysql_close($con);
?>
Also is there a line of code I can put in my jquery or php to see what query is going through in my chrome developer console?...like the console.logs I already have.