Как использовать JS для вызова скрипта PHP, который делает вызов Bitly API

Итак, я пытаюсь использовать JS AJAX и PHP на веб-сайте, над которым я работаю, чтобы использовать Bitly API.

В основном это процесс, который я пытаюсь создать

Типы пользователей в URL в поле поиска -> JS AJAX выполняет вызов файла PHP на моем сайте -> PHP Script получает короткий URL-адрес и возвращает его без предоставления кодов -> AJAX показывает короткий URL-адрес ниже

Это то, что я до сих пор

Мне нужна помощь с PHP Curl или FilegetContents Part и URL Encode в JS

shortcode.html

<script>
function getURL(str) {
if (str.length == 0) {
document.getElementById("short").innerHTML = "";
return;
} else {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("short").innerHTML = this.responseText;
}
};
xmlhttp.open("GET", "geturl.php?q=" + str, true);
xmlhttp.send();
}
}
</script>
<p><b>Type a url Below</b></p>
<form>
Long URL: <input type="text" onchange="getURL(this.value)">
</form>
<p>Shortened URL: <span id="short"></span></p>

geturl.php

    <?php
$request_code = $_SESSION['bitly_oauth'];
$url = "";
// get the q parameter from URL
$url = $_REQUEST["url"];



// lookup all hints from array if $q is different from ""if ($url !== "") {
$api_url = "https://api-ssl.bitly.com/v3/shorten?response=xml&access_token=" . $code . "&longUrl=" . $url;


}


?>