Не могу понять почему там, если я делаю такой запрос:

public static function getCity($id){
		$ch = curl_init();  
  
		// 2. указываем параметры, включая url  
		curl_setopt($ch, CURLOPT_URL, "https://login:pass@back.dcdo.ru/api/rest/1.0.5/json/speciality/city/" . $id . "/");  
		curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);  
		curl_setopt($ch, CURLOPT_HEADER, 0);  
		  
		// 3. получаем HTML в качестве результата  
		$output = curl_exec($ch);  
		  
		// 4. закрываем соединение  
		curl_close($ch);  
		
		return $output;
	}

То все прекрасно работает, я получаю массив и спокойно могу с ним работать, а если я делаю так:

function getCity(id){
		$.ajax({
			dataType: "JSON",
			type: "GET",
			url: "https://login:pass@back.dcdo.ru/api/rest/1.0.5/json/speciality/city/"+id+"/",
			
			success: function(response){
			   alert(1);
			}
		});
	}

То при вызове функции getCity в консоли выкидывает:

XMLHttpRequest cannot load https://back.dcdo.ru/api/rest/1.0.5/json/speciality/city/1/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://mysite.ru' is therefore not allowed access. The response had HTTP status code 401.

Прочитал на stackoverflow что нужно типа делать так(с английским я не очень дружу, может не правильно понял):

function getCity(id){
		$.ajax({
			dataType: "JSONP",
			type: "GET",
			url: "https://login:pass@back.dcdo.ru/api/rest/1.0.5/json/speciality/city/"+id+"/",
			
			success: function(response){
			   alert(1);
			}
		});
	}

Но это тоже никакого результата не дает, всмысле дает но тот же результат, возможно я неправильно использую тип JSONP, подскажите плиз, мозг кипит уже