在页面加载Jquery上显示来自API的数据

时间:2017-11-28 08:11:47

标签: jquery json

我试图在页面加载时显示来自API的数据,但我在网络标签中看到我接到了一个电话,但问题是它没有显示在HTML中,我不知道哪里可以问题,这就是我现在所拥有的

HTML

<div id="models"></div>

JS

$(document).ready(function () {
    var response = "";
    $.ajax({
        url: "http://carportal.azurewebsites.net/api/portal/brand?CountryCode=RS",
        context: document.body,
        success: function () {
            var json_obj = $.parseJSON(response);
            var output = "<ul>";
            for (var i in json_obj) {
                output += "<li>" + json_obj[i].Name + "</li>";
            }
            output += "</ul>";
            $('#models').html(output);
        }
    });
});

1 个答案:

答案 0 :(得分:2)

您错过了response函数中的success参数,这就是为什么这么简单

success: function(){

success: function(response){

修改

除了URL抛出

之外
  

无法加载   http://carportal.azurewebsites.net/api/portal/brand?CountryCode=RS:不   &#39;访问控制允许来源&#39;标题出现在请求的上   资源。起源&#39; http://localhost&#39;因此不允许访问。