解析JSON输出问题

我打电话来获取基于国家/地区的语言。。当它返回多国语言我下面的代码工作正常..但是当它返回只有一个记录的输出是不正确来临（即将为“indefined” ..请咨询解析JSON输出问题

这里是我的代码：

$.ajax({ 
      type: 'POST', 
      url: "http://mymethod", 
      complete: function() { $.mobile.hidePageLoadingMsg(); }, 
      dataType: "json", 
      contentType: 'application/json', 
      data: JSON.stringify({ 
       "country": countryCode 
      }), 
      success: function (output, textStatus, jqXHR) { 
       $.each(output.geographyInfo, function (i, theItem) { 
        try { 
         languages.push("<option value='" + theItem.languageCode + "'>" + theItem.languageName + "</option>"); 
        } 
        catch (error) { 
         alert(error); 
        } 
       }); 
       $(languages.join('')).appendTo("#dpdLanguages").trigger("create"); 
      } 
     });

这里是JSON输出

这里是输出时只有一种语言：

{ “geographyInfo”：{ “主动”： “真”， “COUNTRYCODE”： “美国”，“国家名称“：”UNITED STATES“，”instanceID“：”1“，”languageCode“：”EN“，”languageName“：”英语“，”regionNam E “：” 北美 “}，” reasonDetails “：空，” 大小 “：” 1" ， “状态”： “真正的”}

，并在多个案件

{ “geographyInfo”：[{ “主动”： “真”， “COUNTRYCODE”： “CA”， “国家名称”： “加拿大”， “实例ID”： “1”， “语言代码”： “EN”， “languageName”： “英语”，“regionName “：”北美“}，{”active“：”true“，”countryCode“：”CA“，”countryName“：”CANADA“，”instanceID“：”1“，”languageCode“：”FR“ languageName“：”French“，”regionName“：”北美“}，{”active“：”true“，”countryCode“：”CA“，”countryName“：”CANADA“，”instanceID“：”2“ “languageCode”：“EN”，“languageName”：“English”，“regionName”：“Americas”}， {“active”：“true”，“countryCode”：“CA”，“countryName” “实例ID”： “2”， “语言代码”： “FR”， “languageName”： “法语”， “regionName”： “美洲”}]， “reasonDetails”：空， “尺寸”：“4”，“状态”：“真”}

是udidu，我认为多数民众赞成在这种情况..但如何解决这个问题？

来源

2013-02-24 Pratik Mehta

显示我们也是你的JSON输出，每一个案件。 – Gajotres 2013-02-24 09:37:57

听起来像当你接收多种语言时你得到的是一个对象数组，当它只有一种语言时，它是单个JSON对象 – udidu 2013-02-24 09:53:31

我用json输出编辑了这个问题 – 2013-02-24 10:41:16

最简单的解决方案在这里将是，如果你有只有一个geographyInfo元件将其包装在[]中，如下所示：

{"geographyInfo":[{"active":"true","countryCode":"US","countryName":"UNITED STATES","instanceID":"1","languageCode":"EN","languageName":"English","regionName":"North America"}],"reasonDetails":null,"size":"1","status":"true"}

因为这将充当一个元件阵列的，你是不需要改变你的代码。当前只有一个geographyInfo元素时，每个循环都会将内部geographyInfo项目显示为单独的数组元素，并且它将循环7次。

这里有一个工作示例：

的index.html：

<!DOCTYPE html> 
<html> 
<head> 
    <title>jQM Complex Demo</title> 
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0"/> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
    <script src="http://www.dragan-gaic.info/js/jquery-1.8.2.min.js"></script>  
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>  
    <script> 
     $(document).on('pagebeforeshow', '#index', function(){  
      $('#populate-button').on('click',function(e,data){  
       $('#dpdLanguages').empty() 
       $.ajax({ 
        type: 'POST', 
        url: "json.php", 
        complete: function() { $.mobile.hidePageLoadingMsg(); }, 
        dataType: "json", 
        contentType: 'application/json', 
        data: "", 
        success: function (output, textStatus, jqXHR) { 
         $.each(output.geographyInfo, function (i, theItem) { 
          try { 
           $('<option>').attr('value',theItem.languageCode).html(theItem.languageName).appendTo("#dpdLanguages"); 
          } 
          catch (error) { 
           alert(error); 
          } 
         }); 
         $('#dpdLanguages').selectmenu(); 
        } 
       }); 
      });   
     }); 
    </script> 
</head> 
<body> 
    <div data-role="page" id="index"> 
     <div data-theme="a" data-role="header"> 
      <h3> 
       First Page 
      </h3> 
     </div> 

     <div data-role="content"> 
      <a href="#" data-role="button" id="populate-button">Load JSON data</a> 
      <select id="dpdLanguages"></select> 
     </div> 

     <div data-theme="a" data-role="footer" data-position="fixed"> 

     </div> 
    </div>  
</body> 
</html>

jsop.php：

<?php 
    echo '{"geographyInfo":[{"active":"true","countryCode":"US","countryName":"UNITED STATES","instanceID":"1","languageCode":"EN","languageName":"English","regionName":"North America"}],"reasonDetails":null,"size":"1","status":"true"}';  
?>

编辑：

如果你不能改变你的JSON代码，这将工作，以及：

$(document).on('pagebeforeshow', '#index', function(){  
    $('#populate-button').on('click',function(e,data){  
     $('#dpdLanguages').empty() 
     $.ajax({ 
      type: 'POST', 
      url: "json.php", 
      complete: function() { $.mobile.hidePageLoadingMsg(); }, 
      dataType: "json", 
      contentType: 'application/json', 
      data: "", 
      success: function (output, textStatus, jqXHR) { 
       if(typeof output.geographyInfo.length !== 'undefined') {          
        $.each(output.geographyInfo, function (i, theItem) { 
         try { 
          $('<option>').attr('value',theItem.languageCode).html(theItem.languageName).appendTo("#dpdLanguages"); 
         } 
         catch (error) { 
          alert(error); 
         } 
        }); 
       } else { 
        $('<option>').attr('value',output.geographyInfo['languageCode']).html(output.geographyInfo['languageName']).appendTo("#dpdLanguages"); 
       } 
       $('#dpdLanguages').selectmenu();        
      } 
     }); 
    });   
});

来源

2013-02-24 14:11:07 Gajotres

谢谢Gajotres的回复。但我没有控制JSON输出...有没有解决方案从HTML/jQuery的一面？ – 2013-02-24 14:31:15

看看我的答案，我添加了编辑部分。有一个如果成功，它将确定output.geographyInfo是一个数组还是单个元素。 – Gajotres 2013-02-24 14:53:04

嘿再次感谢你，只是一个问题什么是typeof variable_here？我正在使用jquery mobile ... – 2013-02-24 15:00:01

解析JSON输出问题

回答

相关问题