使用Javascript / HTML使用REST服务

Question

Below is code I use to get data from a SharePoint List with Javascript. What would I need to do to get it work on a site like JS Bin or JS Fiddle with an open/free REST service? (Like 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>

I looked at several examples on SO, but I couldn't get them to work on JS Bin or JS Fiddle.

Answer 1

I guess I worded my question poorly, because my original code was close to the answer.

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);

});


}