Как использовать JS для вызова скрипта PHP, который вызывает API-интерфейс Bitly - PullRequest
Новая
       17

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

0 голосов
/ 08 мая 2018

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

По сути, это процесс, который я пытаюсь создать

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

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

Мне нужна помощь в части PHP Curl или FilegetContents и кодировании URL в 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;


}


    ?>
...