使用 JQuery 从 GET 响应中获取相关信息

Getting relevant information from a GET response using JQuery

本文关键字:获取 信息 响应 JQuery GET 使用      更新时间:2023-09-26

我试图只从GET请求中获取必要的信息。 这是我正在使用的功能:

this.updateTargetList = function(content) {
    $.get("index.php?AJAXmd=1", function (data) {
        var selector = "div.list";
        $(selector).html(data);
    });
}

GET 返回了一大堆 html,比我需要的要多,所以它将其加载到类为"列表"的div 中。 例如,get 返回:

<div class="a">.....
     <div class="b">.......
           <div class="list>........</div>
     </div>
</div>

如何更改数据以仅获取所需的类或 ID?

有几种方法可以做到这一点。最简单的方法是像这样使用 load() ajax 速记方法。将#selection替换为您想要获取的 DOM 部分的选择器。

$('div.list').load('index.php?AJAXmd=1 #selection');

您还可以使用 $.get$.ajax 获取整个页面,然后从响应创建一个 jQuery 对象,然后从中选择所需的信息。

this.updateTargetList = function(content) {
    $.get("index.php?AJAXmd=1", function (data) {
        var selector = "div.list";
        var data = $(data);
        var selection = data.find('.list').html();
        $(selector).html(selection);
    });
}

答案来自 jQuery 可以解析存储在变量中的 HTML 吗?

$(myHtml).filter('#someid').doStuff();