Как можно получить указанные c элементы в jQuery .get "Data"

Question

Итак, у меня есть данные (data. html)

$(document).ready(function(){
    setTimeout(function(){
        $.get("/computers/{{computer.id}}/live", function(data){
            console.log(data)
        });
    }, 5000);
});

. Проблема в том, что "data" - это весь исходный код "/computers/{{computer.id}}/live" Я хочу получить указанный c идентификатор в html

/ computers / {{computer.id}} / live (файл HTML):

<script type="text/javascript" src="{{ url_for('static', filename='jquery.js') }}"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

<script>
 $(document).ready(function(){
      setTimeout(function(){
            $('#id').load("")
        }, "{{timer}}");
      });
</script>
<div id="id">
<span class="badge badge-light"  id ="cpu">{{computer.cpu_usage_procentage}}</span>
<span class="badge badge-light"  id ="memory">{{computer.memory_usage_procentage}}</span>
</div>

Как выбрать cpu and memory id и console.log их значение (конечно, в data.html) или, точнее, их размещение на странице data.html

.

Answer 1

Вы можете сделать это, используя jQuery функцию по умолчанию для разбора html:

 var html = `<div id="id">
<span class="badge badge-light"  id ="cpu">44%</span>
<span class="badge badge-light"  id ="memory">66%</span>
</div>`;
var parsed = $(html);

var cpuUsage = parsed.find("#cpu").text();
var memUsage = parsed.find("#memory").text();
console.log(`CPU usage ${cpuUsage} - Mem usage ${memUsage}`);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Вы также можете создать API на своем сервере для предоставления информации в формате JSON:

/computers/{{computer.id}}/livejson:

{
  cpuUsage: "{{computer.cpu_usage_procentage}}",
  memUsage: "{{computer.memory_usage_procentage}}"
}

И в клиенте :

 $.get("/computers/{{computer.id}}/livejson", function(json){
    var data = JSON.parse(json);
    console.log(`CPU usage ${data.cpuUsage} - Mem usage ${data.memUsage}`);
 });