Jquery Ajax 메서드는 여러 json 개체와 함께 작동하지만 단일 json 개체가 아닌

Question

json 개체 배열을 보낼 때 jquery ajax 메서드를 사용하면 내용을 구문 분석하고 jquery의 listview에서 데이터를 표시 할 수 있지만 하나의 단일 개체 만 있으면 동일한 jQuery 아약스 메서드는 데이터를 구문 분석 할 수 없습니다. 여기

내 JSON 객체 배열 : 여기

{"menuService":[{"idmenu":"0","itemCatagory":"Main Course","itemDescription":"Food from UP","itemImagePath":"http://localhost:8080/fotservice/ItemImage?id=Steam Rice","itemName":"Steam Rice","rate":"100.5","subItemName":"Half Plate Steam Rice","subItemNameRate":"100.5"},{"idmenu":"5","itemCatagory":"Main Course","itemDescription":"tasty lunch","itemImagePath":"http://localhost:8080/fotservice/ItemImage?id=Lunch Combo(raita,rice,dal,salad)","itemName":"Lunch Combo(raita,rice,dal,salad)","rate":"123.0","subItemName":"lunch(dal,rice)","subItemNameRate":"100.5"}]} 

내 단일 JSON 개체 : 나는 JQuery와해서 getJSON 시도

$.ajax({ 
    url: "http://localhost:8080/fotservice/rest/menu/"+cat+"/items", 
    type: 'GET', 
    dataType: 'json', 
    contentType: "application/json; charset=utf-8", 
    success: function(response) { 
     var markup = ""; 
     $.each(response.menuService, function(index, result) { 
      var $template = $('<div><li> <a data-transition="slide" href="desc.html?cat='+result.itemName+'" rel="external" > <img class="profile"> <p class="from"> </p><p class="tweet"> </p></li></a></div>'); 
      $template.find(".profile").attr("src", result.itemImagePath); 
      $template.find(".from").append(result.itemDescription); 

      markup += $template.html(); 
     }); 
     $("#tweet-list").append(markup).listview("refresh", true); // The true parameter indicates we want to refresh the entire list, not just the list items. 

    }, 
    timeout: 6000, // Timeout after 6 seconds 
    error: function(jqXHR, textStatus, errorThrown) { 
     console.log("Error, textStatus: " + textStatus + " errorThrown: "+ errorThrown); 

     $.mobile.hidePageLoadingMsg(); 

     //show error message 
     $("<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1>"+ $.mobile.pageLoadErrorMessage +"</h1></div>") 
      .css({ "display": "block", "opacity": 0.96, "top": 100 }) 
      .appendTo($.mobile.pageContainer) 
      .delay(800) 
      .fadeOut(1000, function() { 
       $(this).remove(); 
      }); 
    } 
}); 

: 여기

{"menuService":{"idmenu":"2","itemCatagory":"xyz","itemDescription":"fghjkl;","itemImagePath":"http://localhost:8080/fotservice/ItemImage?id=Dal makhni","itemName":"Dal makhni","rate":"121.5","subItemName":"Half plate Dal makhni","subItemNameRate":"121.56"}} 

및 내 JQuery와 아약스 방법 그 방법은 또한 같은 행동을하고있다.

Answer 1

var mns = response.menuService; 

if (mns&& !mns.length) mns=[mns]; 
$.each(mns... 

Answer 2

확인이되지 당신이 하나를 만들 경우 response.menuService가 JQuery와 유형 배열 인 경우 : http://jsfiddle.net/U72p2/

Answer 3

을 : 당신이 그것을 테스트 할 수 있도록

var success = function(response) { 
    var markup = ""; 
    var arrayResponse; 
    console.log(response.menuService); 
    if ($.type(response.menuService) !== 'array') { 
     var arrayResponse = []; 
     arrayResponse.push(response.menuService); 
    } else { 
     arrayResponse = response.menuService; 
    } 
    console.log(arrayResponse); 
    $.each(arrayResponse, function(index, result) { 
     $('#list').append('<div>' + result.idmenu + '</div>'); 
    }); 
}; 

var response = {"menuService":[{"idmenu":"0"}]}; 

success(response); 

var response = {"menuService":{"idmenu":"2"}}; 

success(response); 

은 내가 JS 바이올린을 만든

배열이 Array.isArray인지 확인하고 그렇지 않은 경우 배열로 포장하여 이 계속 작동하도록

success: function(response) { 
    var markup = ""; 
    var menuService = Array.isArray(response.menuService) ? response.menuService : [response.menuService]; 

    $.each(menuService, function(index, result) { 
     ... 
    }); 

    ... 

당신이 다음 success 핸들러를 업데이트 같은 json 형식을 사용하는 경우

Answer 4

변경 JSON의이 같은 형식과는

{"menuService":[{"idmenu":"2","itemCatagory":"xyz","itemDescription":"fghjkl;","itemImagePath":"http://localhost:8080/fotservice/ItemImage?id=Dal makhni","itemName":"Dal makhni","rate":"121.5","subItemName":"Half plate Dal makhni","subItemNameRate":"121.56"}]} 

을 시도하거나 each를 사용하지 않는이

response.menuService.itemImagePath 

같은 값을 직접 액세스 아래와 같이 :

success: function(response) { 
    var markup = ""; 
    var $template = $('<div><li> <a data-transition="slide" href="desc.html?cat=' + response.menuService.itemName + '" rel="external" > <img class="profile"> <p class="from"> </p><p class="tweet"> </p></li></a></div>'); 
    $template.find(".profile").attr("src", response.menuService.itemImagePath); 
    $template.find(".from").append(response.menuService.itemDescription); 
    markup += $template.html(); 
    $("#tweet-list").append(markup).listview("refresh", true); // The true parameter indicates we want to refresh the entire list, not just the list items. 
}