jquery - 使用 JQuery 在 IE 8 中提取名为 "Title"的 xml 元素的文本值

Question

我编写了一个基于 Solr 的搜索服务来索引称为剪辑的对象数据库。搜索服务返回使用 OpenSearch Atom 扩展格式格式化的搜索结果。剪辑具有各种属性，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>

Answer 1

$.ajax 调用的

dataType 选项具有无效值。它应该是 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