Question

webservice将一些数据返回给我。数据实际上只是原始HTML（因此没有XML标头或其周围的标签，只是一段html）。

<div class="Workorders">
    <div id="woo_9142" class="Workorder">
        <span class="Workorder">S1005</span>
        <span class="Pn">30-2</span>
        <span class="Description">Cooling Fan</span>
        <span class="Shortages">3616-1 (SV)</span>
        <span class="Company">xxx</span>
    </div>
    <div id="woo_9143" class="Workorder">
        <span class="Workorder">S1006</span>
        <span class="Pn">30-2</span>
        <span class="Description">Cooling Fan</span>
        <span class="Shortages">3616-1 (SV)</span>
        <span class="Company">xxx</span>
    </div>
</div>

如果是这样的XML：

<workorders>
    <workorder id="woo_9142">
        <partnumber>30-2</partnumber>
    </workorder>
</workorders>

我可以在jQuery中这样做：

$('/workorders/workorder', data).each(function() {
    //This would give every partnumber $('partnumber', this).text();
});

如何解析返回的HTML（如开头所述）？

myNamespace.onSuccess = function(request) {
    //request contains the raw html string returned from the server

    //How can I make this possible:
    $(request).find('div.Workorders div.Workorder').each(function() {
       //Do something with the Workorder DIV in 'this'
    });
}

Answer 1

类似

myNamespace.onSuccess = function(request) {    
    $(request.responseText).filter('div.Workorder').each(function() {
       $('span.Pn', $(this)).text();
    });
}

Answer 2

您是否尝试将html添加到dom中，隐藏它然后处理它：

myNamespace.onSuccess = function(request) {
    var hidden = document.createElement ( 'div' );
    hidden.id = 'hiddenel';
    $("body").append ( hidden );
    $("#hiddenel").css ( 'visibility', 'hidden' );
    $("#hiddenel").html ( resp );
    $("#hiddenel").find ( 'div.Workorders div.Workorder').each(function() {
    .....
    });
}

Answer 3

您可以明确指定您期望的返回类型：http://docs.jquery.com/Specifying_the_Data_Type_for_AJAX_Requests

Javascript / jQuery - Parse将“数据”作为HTML返回以供进一步选择？

3 个答案: