Ajax для навигации по содержимому Json от страницы списка до деталей страницы

Question

Я использую ajax, чтобы вытащить содержимое Json с другого сайта (скажем: сайт A). Код и код приведены ниже:

<script> 
$(document).ready(function() { 
$.ajax({ 
    type: "GET", 
    url: "https://www.xxx.com", 
    dataType: "json", 
    success: processData, 
    error: function(){ alert("failed"); } 
}); 

function processData(data) 
{ 
    console.log(data); 
} 
}); 
</script> 

Мне удалось перечислить содержание. Но это страница списка. Мне нужно, чтобы люди могли перейти на страницу сведений. Это означает, что когда люди нажимают на элемент, он отправляет запрос с параметрами обратно на другой сайт (сайт А), а затем получает ответ с содержанием на странице сведений. Как я могу сделать это под ajax? Надеется, что это имеет смысл. Приветствия.

Answer 1

Функция processData должна перебирать элементы в списке возвращаемых данных, отображать html и добавлять их в DOM. Для этого вы можете использовать библиотеку, такую ​​как усы или нокауты. Я считаю, что есть и плагины jQuery, которые могут помочь. Кроме того, вы можете просто создать html вручную в своем javascript.

Кроме того, вам нужно будет прикрепить функцию к событию click каждого из этих элементов, который будет выполнять запрос примерно таким же образом, как ваш существующий код, но с параметрами, добавленными в строку запроса URL. Способ, которым вы это выполняете, будет зависеть от того, как вы создаете свой html. Затем ответ может быть передан в DOM способом, похожим на то, как вы будете отображать список, хотя и для всего ответа JSON.