如何使用JS调用一个调用Bitly API的PHP脚本

时间:2018-05-07 23:44:06

标签: javascript php ajax bit.ly

所以,我正在尝试在我正在使用Bitly API的网站上使用JS AJAX和PHP。

基本上这是我正在尝试创建的过程

搜索框中的网址中的用户类型 - > JS AJAX调用我的网站上的PHP文件 - > PHP脚本获取短网址并返回它而不暴露代码 - > AJAX显示下面的短网址

这是我到目前为止所拥有的

我需要帮助的是PHP Curl或FilegetContents部分以及JS中的URL编码

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;


}


    ?>

0 个答案:

没有答案