JavaScript Call into RESTful service from a remote web page

Question

I am trying to insert a SharePoint list item title into non-SharePoint web page.
Using the following script:
$.support.cors = true;
$(document).ready(function () {
$.ajax(
url: "https://mysite/_api/web/lists/getbytitle('Testing Issues List')/items(5)?$select=Title",
type: "GET",
headers: { "accept": "application/json; odata=verbose" },
success : function (data) {
$('#intext').append(data.d.Title);
error: function (err) {
alert(JSON.stringify(err));
When I run it, I receive the following error:
Error: Access Denied
While I generally understand that I need to provide some authentication, I cannot find anywhere how to do it.
Any thoughts?
Thanks

Answer 1

To authenticate:
http://sharepoint.stackexchange.com/questions/79803/how-to-authenticate-user-in-sharepoint-online-using-javascript
ar soapDataString = "<soap:Envelope xmlns:xsi='http://www.w3.org/2001/XMLSchema-instance' xmlns:xsd='http://www.w3.org/2001/XMLSchema' xmlns:soap='http://schemas.xmlsoap.org/soap/envelope/'> \
<soap:Body> \
<Login xmlns='http://schemas.microsoft.com/sharepoint/soap/'> \
<username>username</username> \
<password>password</password> \
</Login> \
</soap:Body> \
</soap:Envelope>"
// Call web service
$.ajax({
url: "http://mywebsitename:2355/_vti_bin/authentication.asmx",
type: "POST",
dataType: "xml",
data: soapDataString,
success: resultsFeedback,
contentType: "text/xml; charset=\"utf-8\""
function resultsFeedback(xData, status) {
alert(xData);
alert(status);
you can of course use a variety of methods to get sharepoint's list data - for example using the REST interface:
function getListItem(url, listname, id, complete, failure) {
$.ajax({
url: url + "/_api/web/lists/getbytitle('" + listname + "')/items(" + id + ")",
method: "GET",
headers: { "Accept": "application/json; odata=verbose" },
success: function (data) {
complete(data);
error: function (data) {
failure(data);