Json Ajax SQL-Select

Hallo Zusammen,

ich arbeite gerade an einem Plugin. Ich habe 2 select Felder wovon das zweite per Ajax abhängig von ersten gewählten Dropdwon Ergebnisse liefern soll.

Ich erhalte ein ergebnis wenn Ich die die Ausgabe Ohne SQL per json sende

$var1 = "value1";
$var2 = "value2";
echo json_encode(array($var1, $var2)); 

Ich brauche mein Ergbnis aber von einer SQL Abfrage

global $wpdb;
$data = $wpdb->get_results ("SELECT abc FROM wp_xyz;", ARRAY_A);
if ($data) : foreach($data as $d) : 
//echo json_encode(array($d['abc']));
//echo json_encode($d['abc']);
echo $d['abc'];
endforeach; endif; 

Hier habe ich schon mehrere Variationen versucht :/

mein Script sieht so aus:

  <script type="text/javascript" >
  var ajaxurl = '<?php echo admin_url("admin-ajax.php") ?>';
  jQuery(document).ready(function($) {
    jQuery( '#wp_user' ).change( function() {
		
	  var wp_user = $( '#wp_user' ).val();
	  var selection_value = $(this).val();
        
      $.ajax({
        method: "POST",
        url: ajaxurl,
		dateType: 'JSON',
		data: { 'action': 'rob_ajax_tester_approal_actionabc', 'wp_user': wp_user, 'selection_value': selection_value }
      })
		
.done(function(data) {
data = JSON.parse(data);
//data =  JSON.parse(JSON.stringify(data));

      console.log('Successful AJAX Call! /// Return Data: ' + data);
		    	$.each(data, function(index, subcat) {
					    
					 console.log( index, "index");
					 console.log( subcat, "subcat");
                	      var option_html = "<option>" + subcat + "</option>";
		  			 $("#sub-category").append(option_html);
		  			 console.log(option_html, "option_html");
		})  								
      })
     .fail(function( data ) {
      console.log('Failed AJAX Call :( /// Return Data: ' + data);
      });
    });
  });
  </script>

Es wäre toll wenn mir jemand weiterhelfen könnte.

Ich hoffe ich konnte mein Problem verständlich erklären.

Viele Grüße

Tommy