Question

我正在提交表单并通过表中的jQuery ajax返回数据。表中的一个td中有一个xml，我需要将其格式化。我可以让它显示在我的页面上，但它似乎只是文本，没有xml标签。我正在处理一些遗留代码而没有太多的摆动空间。

返回HTML

<table border=1>
<tr>
    <td>Field Name</td>
    <td>Field Value</td>
</tr>
<tr>
    <td>SuccessFlag</td>
    <td>True</td>
</tr>
<tr>
    <td>ResponseMessage</td>
    **<td><?xml version="1.0" encoding="utf-16"?>**
        <License>
            <CustomerID>Bob</CustomerID>
            <License>XXXX-XXXX-XXXX-XXXX-XXXX-XXXX-XXXX-XXXX</License>
            <Log>Created by lt@email.com on December 6, 2012, 1:09 pm Cancelled by b@email.com on December 6, 2012, 1:09 pm</Log>
            <ExpirationDate>2012-12-06</ExpirationDate>
        </License>
    </td>
</tr>

粗体线是表中的第5个td将始终具有我需要的xml。使用下面的代码，它只是将文本转储到div中，我需要根据它的xml标记对其进行格式化，我不确定我的解析是否有效。

$("#ButtonID").live('click',function(){
$("#FormID").validate({
            //are the errorContainer's helping here?
    errorContainer: "#responseDiv",
    errorLabelContainer: "#responseDiv tr",
    wrapper: "td",
            //are the errorContainer's helping here?
    submitHandler: function(form) {
        var dataString = $(form).serialize();
        $.ajax({
            type: $(form).attr('method'),
            url: form.action,
            data: dataString,
            clearForm: true,
            success: function(data) {
                var answer = $(data).find("td:eq(3)").text();
                var message = $(data).find("td:eq(5)").html();
                var xmlDoc = $.parseXML( message );
                var $xml = $( xmlDoc );

                if (answer==="True") {
                    $xml.each(function(){
                           $('#resultGenerate').show().html($(this).text());
                    });
                } else {
                    $('.processing').hide();
                    $('input[type="text"], input[type="password"]').val("");
                    $('#resultGenerate').show().html('<ul><li>' + answer + '</li><li>' + message + '</ul>');
                }
            }
        });
        return false;
    }
});
});

Answer 1

最后让它工作，使用GET请求很容易，但是当从POST返回数据时，它有点棘手。这就是我做的方式

$.ajax({
    type: $(form).attr('method'),
    url: form.action,
    data: dataString,
    clearForm: true,
    success: function(data) {
        var answer = $(data).find("td:eq(3)").text();
        var message = $(data).find("td:eq(5)").html();
        var $xml = $( message );

        if (answer==="True") {
            $xml.find('license').each(function(){
        var XXXCustomerID = $(this).find(XXXCustomerID').text();
                var XXLicense  = $(this).find('XXLicense').text();
                var Log  = $(this).find('Log').text();
                var ExpirationDate  = $(this).find('ExpirationDate').text();
        $("#resultGenerate").show().append($('<li><span class="ID">' + XXXCustomerID + '</span><span class="NTL">' + XXLicense + '</span><span class="Log">' + Log + '</span><span class="Exp">' + ExpirationDate + '</span></li>'));
                });
        } else {
                $('.processing').hide();
                $('input[type="text"], input[type="password"]').val("");
                }
            }
        });

麻烦的XML和jQuery解析

1 个答案: