[英]Ajax call to PHP class to return array, array index returns undefined
I'm trying to add array values to an select html element. 我试图将数组值添加到选择html元素。 My problem is the following:
我的问题如下:
Once I try to get the array from the PHP class using AJAX the response returns undefined
as you can see in the following screenshot: https://gyazo.com/1bc4872533c5ba0651c4890cbd01fd97 一旦尝试使用AJAX从PHP类获取数组,响应将返回
undefined
如以下屏幕截图所示: https : //gyazo.com/1bc4872533c5ba0651c4890cbd01fd97
My Code does look like the following: 我的代码确实如下所示:
Ajax and html: Ajax和html:
<div class="col-sm-6">
<label>Gender</label>
<select id="fds_gender" name="fds_gender" data-placeholder="Select a gender..." class="select-icons">
<option value="stud" data-icon="man">Male</option>
<option value="babe" data-icon="woman">Female</option>
</select>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('#fds_gender').change(function () {
if ($(this).val() == "stud") {
$.ajax({
type: "POST",
data: {
'username' : '<?php echo $user->username; ?>',
'gender' : 'stud'
},
url: "ajax/fds_categories_ajax.php",
success: function(data){
console.log(data['name']);
}
});
}else if($(this).val() == "babe"){
$.ajax({
type: "POST",
data: {
'username' : '<?php echo $user->username; ?>',
'gender' : 'babe'
},
url: "ajax/fds_categories_ajax.php",
success: function(data){
console.log(data['name']);
}
});
}
});
});
</script>
and here's the PHP file which calls the PHP class function which returns the array: 这是PHP文件,该文件调用PHP类函数,该函数返回数组:
<?php
require_once('../../handling/fds_categorys.php');
if(!empty($_POST)){
$username = $_POST['username'];
$gender = $_POST['gender'];
$fds_categories = new fds_categorys($username, $gender);
$fds_categories_response = $fds_categories->get_template_categories();
return $fds_categories_response;
}else{
return 'Please select a gender.';
}
?>
The returned array does look like the following: 返回的数组的确如下所示:
array(1) {
["categories"]=>
array(12) {
["4ffc3111a41f46bf58590aa0bb200630"]=>
array(5) {
["name"]=>
string(5) "Hairs"
["id"]=>
string(8) "20074652"
["active"]=>
string(4) "true"
["displayName"]=>
string(5) "Hairs"
["previewUrl"]=>
string(13) "stud/hair.swf"
}
["7f579c66d0a7d4d007a15eb17682bd8e"]=>
array(5) {
["name"]=>
string(6) "Shirts"
["id"]=>
string(8) "20074653"
["active"]=>
string(4) "true"
["displayName"]=>
string(6) "Shirts"
["previewUrl"]=>
string(13) "stud/tops.swf"
}
["29d7993b5db7388915fe7067517999db"]=>
array(5) {
["name"]=>
string(7) "Jackets"
["id"]=>
string(8) "20074654"
["active"]=>
string(4) "true"
["displayName"]=>
string(7) "Jackets"
["previewUrl"]=>
string(16) "stud/jackets.swf"
}
["a274880556d8853de27876a5cffd0fb9"]=>
array(5) {
["name"]=>
string(7) "Bottoms"
["id"]=>
string(8) "20074655"
["active"]=>
string(4) "true"
["displayName"]=>
string(7) "Bottoms"
["previewUrl"]=>
string(16) "stud/bottoms.swf"
}
["a60ba1a7a56c9e00252baebe89d62c12"]=>
array(5) {
["name"]=>
string(5) "Shoes"
["id"]=>
string(8) "20074656"
["active"]=>
string(4) "true"
["displayName"]=>
string(5) "Shoes"
["previewUrl"]=>
string(14) "stud/shoes.swf"
}
["643fdaf1fef54e8def751f54b706cd60"]=>
array(5) {
["name"]=>
string(6) "Gloves"
["id"]=>
string(8) "20074657"
["active"]=>
string(4) "true"
["displayName"]=>
string(6) "Gloves"
["previewUrl"]=>
string(15) "stud/gloves.swf"
}
["044521e5145fe9bef15063b9594ee586"]=>
array(5) {
["name"]=>
string(5) "Belts"
["id"]=>
string(8) "20074658"
["active"]=>
string(4) "true"
["displayName"]=>
string(5) "Belts"
["previewUrl"]=>
string(14) "stud/belts.swf"
}
["8111b0006bc6d13725a81813e5a98a09"]=>
array(5) {
["name"]=>
string(7) "Scarves"
["id"]=>
string(8) "20074659"
["active"]=>
string(4) "true"
["displayName"]=>
string(7) "Scarves"
["previewUrl"]=>
string(16) "stud/scarves.swf"
}
["1765c2917753cf1c0e6994b3ef362639"]=>
array(5) {
["name"]=>
string(4) "Hats"
["id"]=>
string(8) "20074660"
["active"]=>
string(4) "true"
["displayName"]=>
string(4) "Hats"
["previewUrl"]=>
string(13) "stud/hats.swf"
}
["9422d6dde5a1c70984984f203ee168df"]=>
array(5) {
["name"]=>
string(4) "Bags"
["id"]=>
string(8) "20074661"
["active"]=>
string(4) "true"
["displayName"]=>
string(4) "Bags"
["previewUrl"]=>
string(13) "stud/bags.swf"
}
["af411d238070f3062264110665b9a4bc"]=>
array(5) {
["name"]=>
string(12) "Miscellanies"
["id"]=>
string(8) "20074662"
["active"]=>
string(4) "true"
["displayName"]=>
string(4) "Misc"
["previewUrl"]=>
string(13) "stud/misc.swf"
}
["398c88178452f433328cf6ed836a47a4"]=>
array(5) {
["name"]=>
string(17) "FacialDecorations"
["id"]=>
string(8) "20074663"
["active"]=>
string(4) "true"
["displayName"]=>
string(5) "Masks"
["previewUrl"]=>
string(14) "stud/masks.swf"
}
}
}
Does anyone have a idea why the console.log returns undefined the whole time? 有谁知道为什么console.log始终返回undefined?
You're returning a PHP
array object and are trying to make the JavaScript understand it. 您正在返回一个
PHP
数组对象,并试图使JavaScript理解它。
Instead, convert it to a JSON array: 而是将其转换为JSON数组:
$response = json_encode($fds_categories_response);
Then echo
it ( return
doesn't output any data): 然后
echo
它( return
不输出任何数据):
echo $response;
Then in the AJAX
, convert it into a JavaScript array and take a look at the console: 然后在
AJAX
,将其转换为JavaScript数组并查看控制台:
$.parseJSON(data);
console.log(data);
To get the category names, it would be something like: 要获取类别名称,将类似于:
var categories = data.categories;
$.each(index, element){
console.log(element.name);
});
如果要返回某些内容,则无法从PHP函数返回任何值,请使用echo函数并在ajax调用函数内部进行读取
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.