0

我从 WebService 获得了一个 xml 文件

<MasterProducts> <MasterProduct> <Productcode>023DDC</Productcode> <Description>Dell CRT 17 Computer Monitor E771a</Description> <ThumbPic>NoImage.png</ThumbPic> <RRP>0.000000</RRP> <Stock>2</Stock> </MasterProduct> </MasterProducts>

我使用的 Chrome IDE 会自动将其转换为 JSON，我一直在尝试解析它但没有成功，因为我对 Javascript 还很陌生。

httpResponse 返回一个错误变量和一个保存 json 文件的数据变量。

if(error===false)
{ 
    if(data !== '')
    { 
        objData = data.getElementsByTagName('MasterProducts');
        //returns a NodeList here
        var items = objData[0].getElementsByTagName('MasterProduct')[0].getElementsByTagName('Description')[0].firstChild.data;

    }
    else
    { 
        alert("No Data"); 
    } 
}

我只获得了节点列表，但我无法从标签中获得我需要的数据。

编辑：使用在线转换器，我得到了下面的 JSON

{
   "MasterProducts": {
      "MasterProduct": {
  "Productcode": "023DDC",
  "Description": "Dell CRT 17 Computer Monitor E771a",
  "ThumbPic": "NoImage.png",
  "RRP": "0.000000",
  "Stock": "2"
      }
  }
 }
4

3 回答 3

1

根据http://jsonlint.com/，您返回的 JSON 是有效的，因此您的脚本应该能够使用点符号访问数据内容，而不必像使用 XML 那样解析节点

var data ={
            "MasterProducts": {
                "MasterProduct": {   
                    "Productcode": "023DDC",
                    "Description": "Dell CRT 17 Computer Monitor E771a",
                    "ThumbPic": "NoImage.png",
                    "RRP": "0.000000",
                    "Stock": "2"
                 }   
             }  
         }

 var description = data.MasterProducts.MasterProduct.Description;

描述将包含“Dell CRT 17 Computer Monitor E771a”

于 2012-10-25T16:05:55.740 回答
0

数据似乎是一种字符串。“getElementsByTagName”仅在 dom 元素和 dom 本身上可用（在某些浏览器中）。尝试将您的响应添加到隐藏的 div 并使用 jQuery 进行查询。

$("#hidden").html(data);

然后使用 jquery 查询该 div 或者您可以直接使用 dom，因为您正在尝试这样做。

$("#hidden").find("MasterProducts")[0].getElementsByTagName("MasterProduct")
于 2012-10-25T15:46:12.097 回答
0

您可以将 xml 直接存储在 jQuery obj 中，而无需将其添加到 dom 中，就像其他答案所说的那样。 

var $xml = $(data);

然后只需使用 jQuery 来定位特定元素，避免使用 getElementsByTagName，因为它仅在某些浏览器中可用。

var MasterProducts = [];

$xml.find('MasterProduct').each(function(){
   var $masterProduct = $(this);
   var masterProduct = {};
   $masterProduct.find('*').each(function(){
      masterProduct[$(this).get(0).tagName] = $(this).text();
   });
   MasterProducts.push(masterProduct);
});

最后，您的 MasterProducts 数组应该包含一个 JavaScript 对象，然后您可以使用以下调用将其转换为 JSON。

var json = JSON.stringify(MasterProducts);

我把它放在 jsFiddle 上。见http://jsfiddle.net/WRF4D/

于 2012-10-25T16:06:27.313 回答