使用Javascript/HTML使用REST服务

下面是我使用Javascript从SharePoint列表获取数据的代码。我需要做些什么才能让它在JS Bin或JS Fiddle这样的网站上使用开放/免费的REST服务？比如iextrading.com

<script type="text/javascript">


function getCompanies () {

var call = $.ajax({
url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/GetByTitle('Bills')/items?$select=AccountNumber&$orderby=AccountNumber&$filter=(PackageID eq '" + pid + "')",
type: "GET",
dataType: "json",
headers: {
Accept: "application/json;odata=verbose"
}
});
call.success(function (data,textStatus, jqXHR){
    $("#ResultsDiv").empty();  
        for (var i = 0; i < data.d.results.length; i++)   
        {  
            var item = data.d.results[i];  
            $("#ResultsDiv").append(item.AccountNumber + "<br/>");  
        }  
});
call.fail(function (jqXHR,textStatus,errorThrown){
alert("Error retrieving Account Numbers: " + jqXHR.responseText);

});


}

</script>

<button onclick="getCompanies(); return false;" type="button">Get Item</button>

<hr width="50px" />
<div id="ResultsDiv"></div>

---

我看了几个这样的例子，但我无法让它们在JS-Bin或JS-Fiddle上工作。

我想我的问题措辞很糟糕，因为我的原始代码接近答案

function getMovies () {

var call = $.ajax({
url: "https://www.omdbapi.com/?i=tt3896198&apikey=[yourKeyHere]",
type: "GET",
dataType: "json",
headers: {
    Accept: "application/json;odata=verbose"
  }
});
call.success(function (data,textStatus, jqXHR){
    $("#ResultsDiv").empty();  
    $("#ResultsDiv").append(data.Title);  
});
call.fail(function (jqXHR,textStatus,errorThrown){
alert("Error retrieving data: " + jqXHR.responseText);

});


}

---

你看过iextrading文档了吗？每个API都是不同的。此外，如果没有对jQuery for$和SP for _sppageContextInfoLibraries$的引用，上述代码在JS Bin或JS FIDLE中也无法工作。ajax是一种jQuery方法。对于vanilla JS，您需要使用XMLHttpRequest。我确实看过iextrading文档，但它们的html示例有点让人困惑。注意：我不需要这个来处理SharePoint，我只是简单地将该代码用作我的目标示例，即使用javascript从RESTAPI读取数据。