使用JQuery在IE 8中提取名为“Title”的xml元素的文本值

时间:2010-11-29 15:07:08

标签: jquery xml parsing internet-explorer-8

我已经编写了一个基于Solr的搜索服务来索引一个名为剪辑的对象数据库。搜索服务返回使用OpenSearch原子扩展格式格式化的搜索结果。剪辑具有各种属性,ClipID和Title是与我的问题相关的两个属性。

我使用jquery编写了一个非常简单的JavaScript程序,它在后台异步调用搜索服务,并使用ClipId和Title值填充表。该程序适用于Chrome,Safari和FF。但是,在IE上,它只是无法解析Title属性的值。就像“Title”是一个保留的XML标签名称而IE上的jQuery简单无法找到它。

以下是我的JavaScript程序摘录:

   // Ajax call to the search service over HTTP.
   var doSearch = function(){
     var query = "Title:" + $("#searchQuery").val() + "*";

     $.ajax({
      url : "/quantel/search/select" ,
      data:{q:query},
      error:function(request,status,error){
       alert(request + "," + status + "," + error);
      },
      dataType: "text/xml",
      success:function(data,status,request){
       // Clear the data table.
       $("#searchResults").dataTable().fnClearTable();
       // Search for all clip entries in the XML document.
       $(data).find("entry").children("content").each(function(index,element) {

        var clipID= $(element).children("ClipID").text();
        var title = $(element).children("Title").text();

        // Add the clip id and title to the table.
        $("#searchResults").dataTable().fnAddData([clipID,title]);
       });    
      }
     });
   };

以下是我要解析的搜索结果示例。正如您所看到的,内容标记包含标题标记,但IE无法找到它。

<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:opensearch="http://a9.com/-/spec/opensearch/1.1/">
 <title>ProjectFolders Search</title>
 <link href="http://localhost:8182/quantel/search/select?q=guillaume*&amp;rows=100&amp;" />
 <link rel="self" href="http://localhost:8182/quantel/search/select?q=guillaume*&amp;rows=100&amp;" />
 <link rel="first" href="http://localhost:8182/quantel/search/select?q=guillaume*&amp;rows=100&amp;start=0" />
 <link rel="last" href="http://localhost:8182/quantel/search/select?q=guillaume*&amp;rows=100&amp;start=0" />
 <link rel="previous" href="http://localhost:8182/quantel/search/select?q=guillaume*&amp;rows=100&amp;start=0" />
 <link rel="next" href="http://localhost:8182/quantel/search/select?q=guillaume*&amp;rows=100&amp;start=0" />
 <updated>2010-11-29T14:45:53.796Z</updated>
 <author>
  <name>Quantel</name>
 </author>
 <id>urn:uuid:cd9d3362-2159-4c27-a99e-9691dd4ff707</id>
 <opensearch:totalResults>6</opensearch:totalResults>
 <opensearch:startIndex>0</opensearch:startIndex>
 <opensearch:itemsPerPage>100</opensearch:itemsPerPage>
 <entry>
  <title type="html">Guillaume_clip</title>
  <updated>2010-10-25T11:10:17.000+01:00</updated>
  <id>urn:clipid:389685</id>
  <link href="http://localhost:8182/quantel/search/select?q=ClipID:389685" />
  <content type="text/xml">
   <PlaceHolder>0</PlaceHolder>
   <HasEditData>0</HasEditData>
   <id>389685</id>
   <ClipID>389685</ClipID>
   <Created>2010-10-25T11:10:17.000+01:00</Created>
   <NumVidTracks>0</NumVidTracks>
   <CloneZone>119</CloneZone>
   <MosActive>0</MosActive>
   <Template>0</Template>
   <Completed>2010-10-25T11:10:18.000+01:00</Completed>
   <Frames>0</Frames>
   <Title>Guillaume_clip</Title>
   <UnEdited>1</UnEdited>
   <ClipGUID>7e5aef9c7da44bacbfb49500710138cf</ClipGUID>
   <CloneID>389685</CloneID>
   <NumAudTracks>0</NumAudTracks>
  </content>
 </entry>
</feed>

2 个答案:

答案 0 :(得分:3)

dataType调用的

$.ajax选项的值无效。它应该是xml。见http://api.jquery.com/jQuery.ajax

在您使用无效数据类型的情况下,IE会将内容解析为HTML,因此title元素会移动到head元素中。

响应的MIME类型也应该是text/xml。如果您需要保留其他MIME类型,可以按照此处描述的方式解析XML响应:http://docs.jquery.com/Specifying_the_Data_Type_for_AJAX_Requests

答案 1 :(得分:0)

标题应位于不同的名称空间中。你可以尝试

$(elment).find。( '原子\:标题')文本();

在iPad上,现在无法尝试。