Javascript 使用angularjs创建api

Javascript 使用angularjs创建api,javascript,angularjs,api,Javascript,Angularjs,Api,所以我对angular和API都是新手 我尝试创建thingy,在那里我可以通过id获得视频信息,使用一些教程和浏览 我设法找到了两种解决问题的方法,但它们都不适合我。 首先我试过 mvcApp.service('ApiCall', ['$http', function($http) { var result; this.GetApiCall = function() { result = $http.get('https://hosting.com/webmasters/video_b

所以我对angular和API都是新手 我尝试创建thingy,在那里我可以通过id获得视频信息,使用一些教程和浏览 我设法找到了两种解决问题的方法,但它们都不适合我。 首先我试过

mvcApp.service('ApiCall', ['$http', function($http) {
var result;
this.GetApiCall = function() {
    result = $http.get('https://hosting.com/webmasters/video_by_id?id=123456789')
        .success(function(data) {
            result = (data);
        })
        .error(function() {
            alert('Something wrong');
        });
    return result;
}}]);
它使用良好的API链接,但返回
请求的资源上不存在“Access Control Allow Origin”标头
错误

我找到的下一个解决方案是:

mvcApp.factory('json', function($http) {
return {
    getInformation: function (name) {
        var url = 'https://hosting.com/webmasters/video_by_id';
        return $http.jsonp(url, {
            params: {
                id: name
            }
        });
    }
}});

这个函数返回错误,因为它没有将var识别为链接,并返回
video\u by\u id?id=123456789:1未捕获的语法错误:意外标记:
error。但当我修补它并查看其他一些示例时,发现向链接添加扩展可以解决这个问题,但我没有或不知道扩展。因此,如果您的API与Angular代码不在同一服务器上,那么任何帮助都是有价值的。

为了避免错误,您可以这样做。

我看不到代码中的thumbsize。我删除了它,因为它对问题不是必需的。嘿,由于某种原因,
:1
仍然存在。这是从哪里来的,看起来不像你的硬编码查询?在您提供的示例代码中。。。这一次是在一个不同的参数上,我也不知道,可能是应用程序在做,因为它不能识别它是一个链接。但一旦我尝试使用其他API的where-link有扩展,例如,如果我使用video\u by_id.php?。。。。。那就是:1会消失,它不依赖于参数,它会一直持续到最后