I wrote a ajax call which gets an array returned from a .php file (when btn_getAnswers is clicked). Thats working fine so far with integer data (from database). But if I try to return the array filled with three Strings, no response get returned to the ajax call.
Index.html:
<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.12.3.js"></script> <!-- Import the jquery extension -->
<script>
$(document).ready(function(){
$("#btn_getQuestion").click(function(){
$.ajax({type :"POST",
url: "DBCOMQUESTIONS.php?q=" + $("#input").val(),
success: function(result){ //Performs an async AJAX request
if(result){
$("#output").append(result); //assign the value of the result to the paragraph with the id "output"
}
}});
}),
$("#btn_getAnswers").click(function(){
$.ajax({type :"POST",
url: "DBCOMANSWERS.php?q=" + $("#input").val(),
dataType:"json",
success: function(result){ //Performs an async AJAX request
if(result){
result.forEach(function(i,v){
$("#output").append("<br>" + i);
})
}
}});
});
});
</script>
</head>
<body>
<p id="output">This is a paragraph.</p>
<input id="input"/>
<button id="btn_getQuestion">Question</button>
<button id="btn_getAnswers">Answers</button>
</body>
</html>
DBCOMANSWERS.php:
<?php
include("connection.php"); //includes mysqli_connent with database
include("ErrorHandler.php"); //includes error handling function
set_error_handler("ErrorHandler"); //set the new error handler
$q = intval($_GET['q']);
$sql="SELECT * FROM tbl_answers WHERE QID ='".$q."'"; //define sql statement
$query = mysqli_query($con,$sql); // get the data from the db
$result = [];
$i = 0;
while ($row = $query->fetch_array(MYSQLI_NUM)){
$result[$i] = $row[0];
$i += 1;
}
mysqli_close($con); // close connection with database
header('Content-Type: application/json');
echo json_encode($result); // return value of $result
?>
If I assign $row[0](or $row[2],$row[3]) to $result[$i] everything works fine.
But if I assign $row[1] to $result[$i], the returned "response" is empty, I look it up at "network" of the standard chrome browser development tool.
The only difference between $row[1] and $row[0] and the other columns ([2][3]) is, that the datatype of $row[1] is varchar and the others are int/tinyint.
Obviously the mistake has to be in the last few lines of the .php file. But I don't know what I've done wrong.
For your information: It's about the ajax called which gets triggered when the button with the id "btn_getAnswers" is clicked.
This is the error I am getting from json_encode
Malformed UTF-8 characters, possibly incorrectly encoded
