Question

任何人都可以帮助我解决这个问题一段时间现在我如何使用jquery将这个JSON提要传递到HTML文档中，例如我想通过＆＃34; base_title＆＃34;进入jwGFGP8Z0Ps标签等。

http://ufc-data-api.ufc.com/api/v1/us/events

任何帮助都会非常感激。

Answer 1

从该服务器获得JSON响应后，您可以解析响应，然后使用jQuery的.each()方法循环遍历每个事件。在那之后，它只是渲染标记的问题。

function displayEvents(events, container) {
    var allEventsMarkup = '<ul class="eventList">';
    $.each(events, function(i, event) {
        var eventMarkup = '<li class="event">';
        eventMarkup += '<h2>' + event.base_title + '</h2>';

        // ...continue to display whatever properties 
        // you care about from the event object...

        eventMarkup += '</li>';
        allEventsMarkup += eventMarkup;
    });
    allEventsMarkup += '</ul>';
    container.html(allEventsMarkup);
}

var eventListContainer = $('body');
$.ajax({
    url: "http://ufc-data-api.ufc.com/api/v1/us/events",
    dataType: "json"
}).done(function(response) {
    var events = JSON.parse(response);
    displayEvents(events, eventListContainer);
});

请注意，如果您的服务器没有托管端点，则可能会遇到CORS 问题。

使用jQuery提取restful API

1 个答案: