Как проверить содержимое данных, возвращаемых при вызове ajax

Question

У меня есть вызов ajax в модуль PHP, который возвращает HTML. Я хочу изучить этот HTML-код и извлечь данные из некоторых пользовательских атрибутов, прежде чем подумать о том, загружать ли HTML-код в DOM.

Я могу просматривать данные сетевой активности, а также через console.log. Я хочу извлечь значения для атрибута data-pk и проверить их, прежде чем решить, загружать ли HTML или просто обойти его.

$.ajax({
    url: "./modules/get_recent.php",
    method: "POST",
    data: {chat_id:chat_id, chat_name:chat_name, host_id:host_id, host_name:host_name}, // received as a $_POST array
    success: function(data)
    {
       console.log(data);
    },
})

, а некоторые данные журнала консоли:

class="the_pks" data-pk="11"

class="the_pks" data-pk="10"

и т. Д.

В приведенных выше данных я хочу извлечь и «взглянуть» на числа 11 и 10.

Я просто не знаю, как извлечь эти data-pk значения из возвращенных данных из вызова ajax. Выполнение каждого в классе 'the_pks' не работает, так как в то время, когда я просматриваю данные, которые они не были загружены в DOM.

Я искал SO для этого, но не нашел ответа.

Любой совет будет наиболее ценным.

Answer 1

Я перепроектирую это - это был, вероятно, неуклюжий способ попытаться достичь того, чего я хотел в любом случае. Спасибо тем, кто пытался помочь.

Answer 2

Надеюсь, я понимаю ваш вопрос. Если вы получаете HTML в качестве ответа, вы всегда можете создать элемент и вставить этот HTML внутри него, не добавляя его в DOM. И после этого вы можете искать его, как вы делаете с элементом DOM.

const node = document.createElement("div");
//then you can do
node.appendChild(data);
// or
node.innerHTML = data;

И после этого вы можете искать внутри узла:

node.querySelectorAll("[data-pk]")