从javascript调用服务方法获取错误

我们使用asp.NETMVC4WebAPI开发了restful服务，从PostMan调用该服务工作正常，但是使用JavaScript从Html页面调用方法会出现错误吗，请任何人帮助我

 <script type="text/javascript">

            $(function() 
            {
                $("#btnShow").click(function() 
                  {$.ajax({
                type:"GET",
                    url: "http://eprescription.smartelectronicprescriptions.com/api/login",
                contentType: "application/json; charset=utf-8",
                data: '{}',
                beforeSend: function (xhr) 
                {
                xhr.setRequestHeader ("Authorization", "Basic", encodeunpwd());
                },
                 success: function (msg) 
                    {
                    alert("Success");
                        },
                 error: function (msg)
                     {
                     alert("error");
                     }
            });
                });
            });

$（函数（）
{
$（“#btnShow”）。单击（函数（）
{.ajax({
键入：“获取”，
url:“http://eprescription.smartelectronicprescriptions.com/api/login",
contentType:“应用程序/json；字符集=utf-8”，
数据：“{}”，
发送前：函数（xhr）
{
xhr.setRequestHeader（“授权”，“基本”，encodeunpwd（））；
},
成功：功能（msg）
{
警惕（“成功”）；
},
错误：函数（msg）
{
警报（“错误”）；
}
});
});
});

因为您正在对url使用FQDN，这可能是在jsonp请求中丢弃的，而这正是导致错误的原因

我只能假设这一点，但由于您没有说明错误，您是否尝试过查看以下示例：

---

它可能会帮助您开始修复它

谢谢@flicksim的回复。。错误为XMLHttpRequest无法加载“http:…”。请求的资源上不存在“Access Control Allow Origin”标头。因此，不允许访问源“null”。请帮我解决这个…是的。。我们已经把下面的链接解决了我的问题