jquery - 在 jQuery 中提取 Ajax 返回数据

Question

我已经完成了 jQuery 和 Ajax，但我无法将响应获取到 Div 元素中。这是代码:

Index.html

$.ajax({
    type:"POST",
    url: "ajax.php",
    data:"id="+id ,
    success: function(html){
        $("#response").html(data);
    }
});

它正在收到对我的 <div id="response"></div> 的回复.

ajax.php将以下代码返回到 index.html文件:

<div id ="one"> OneVal </div>
<div id ="sub"> SubVal </div>

我是否能够将 OneVal 和 Subval 提取到变量中，以及如何提取“OneVal”和“SubVal”，而不是上面的响应？

Answer 1

您可以在从响应创建的 jQuery 对象上使用 .filter:

success: function(data){
    //Create jQuery object from the response HTML.
    var $response=$(data);

    //Query the jQuery object for the values
    var oneval = $response.filter('#one').text();
    var subval = $response.filter('#sub').text();
}