如何为从XML

本文关键字:XML img | 更新日期: 2023-09-27 18:19:06

我正在加载一个向下滚动的重复器。我试图显示消息发送者,消息和发送者的图像缩略图的名称。一切都很好,除了图像。我看到图像的名称/路径是文本而不是图像本身。

[WebMethod]
    public static string GetCustomers(int pageIndex, int qstr)
    {
        return GetCustomersData(pageIndex,qstr).GetXml();
    }
XML>
<Customers>
        <RowNumber>11</RowNumber>
        <MsgId>12</MsgId>
        <sentby>Matt</sentby>
        <sentTo>John</sentTo>
        <Msg>ok?</Msg>
        <ImageName>935604602.jpg</ImageName>
      </Customers>

现在我有这个代码在aspx..

function OnSuccess(response) {
        var xmlDoc = $.parseXML(response.d);
        var xml = $(xmlDoc);
        pageCount = parseInt(xml.find("PageCount").eq(0).find("PageCount").text());
        var customers = xml.find("Customers");
        customers.each(function () {
            var customer = $(this);
            var table = $("#dvCustomers table").eq(0).clone(true);
            $(".MsgId", table).html(customer.find("MsgId").text());
            $(".sentby", table).html(customer.find("sentby").text());
            $(".sentTo", table).html(customer.find("sentTo").text());
            $(".Msg", table).html(customer.find("Msg").text());
            $(".ImageThumb", table).html(customer.find("ImageUrl").text());
 $("#dvCustomers").append(table).append("");
        });
        $("#loader").hide();
    }
<<p> 中继器代码/strong>
   <asp:Repeater ID="rptCustomers" runat="server" >
        <ItemTemplate>
            <table cellpadding="0" cellspacing="0" border="0" style="width: 400px; height: 50px;
            border: dashed 0px #04AFEF; background-color:#F1EEE5">
            <tr>
                <td>
                    <b><u><span class="sentby" style="color:#A52A2A;"><%# Eval("sentby") %></span></u></b>
                </td>
            </tr>
            <tr>
                <td>                       
                    <b> <span class="ImageThumb"><img src= "<%# Eval("ImageUrl") %>" alt="Title #0" width="70" height="70" /></a></b></span> 
                                        <span class="Msg"><%# Eval("Msg")%></span>                                          
                </td>
            </tr>
        </table>
        </ItemTemplate>
    </asp:Repeater>
  </div>

一切正常,除了图像。我在文本中看到图像的名称/路径,而不是图像本身。

如何为<img>从XML

try this

$(".ImageThumb > img", table).attr('src', customer.find("ImageUrl").text());

您的XML <ImageName>和jQuery find("ImageUrl")之间也可能存在不匹配