Wie kann ein einzelner Elementwert aus einer JSON-Antwort mithilfe von jQuery abgerufen werden?

Unten ist der Code verwende ich eine Antwort von einem Server-Seite abgerufen werden unter Verwendung js:Wie kann ein einzelner Elementwert aus einer JSON-Antwort mithilfe von jQuery abgerufen werden?

<body> 
    <div id="content"> 

    </div> 
    <script> 
    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
     if (xhttp.readyState == 4 && xhttp.status == 200) { 
      document.getElementById("content").innerHTML = xhttp.responseText; 
     } 
    }; 
    xhttp.open("GET", "https://api.certicasolutions.com/items/?x-ic-credential=xyz", true); 
    xhttp.send(); 
    </script> 
</body>

und im Anschluss an die Json Antwort

{ 
    "completed":true, 

    "totalItems":98891, 

    "items" : [ 
    { 
     "ia_biserial":"", 
     "ia_bloomstaxonomy":"Creating", 
     "ia_correctanswer":"", 
     "ia_difficulty":"High", 
     "ia_dok":"IV", 
     "ia_extid":"231617", 
     "ia_gradelevel":"GradeK", 
     "ia_hasimages":"False", 
     "ia_itemid":1, 
     "ia_lang":"English", 
     "ia_pointvalue":"2", 
     "ia_pvalue":"", 
     "ia_subject":"Math", 
     "ia_teitype":"OR", 
     "ia_vendorid":"i-321813", 
     "passages":[], 
     "standards":[] 
    }, 
    { 
     "ia_biserial":"", 
     "ia_bloomstaxonomy":"Creating", 
     "ia_correctanswer":"", 
     "ia_difficulty":"High", 
     "ia_dok":"IV", 
     "ia_extid":"231616", 
     "ia_gradelevel":"GradeK", 
     "ia_hasimages":"False", 
     "ia_itemid":2, 
     "ia_lang":"English", 
     "ia_pointvalue":"2", 
     "ia_pvalue":"", 
     "ia_subject":"Math", 
     "ia_teitype":"OR", 
     "ia_vendorid":"i-321812", 
     "passages":[], 
     "standards":[] 
    },

ich nur Artikel ids "ia_itemid" angezeigt werden soll in eine Auswahlliste mit jQuery.

Quelle

2016-06-16 Bhagyarekha

Verwenden 'Array # erstellen map' – Rayon

Verwenden' JSON.parse' die Antwort in drehen zu einem Array von Objekten, dann durchlaufen Sie dieses Array und füllen Sie das 'select' nach Bedarf. –

ich bin neu in jquery können Sie mir bitte ein Beispiel geben Danke – Bhagyarekha

Normalerweise ist es am besten, Ihr Problem in Teile zu zerlegen und dann jeden Teil zu erforschen. In Ihrem Fall müssen Sie:

Daten abrufen von einem Server, der es als JSON liefert - siehe get json data with jquery (und viele, viele mehr davon)
nur eine Eigenschaft von jedem der Route Objekte in einem Array - siehe From an array of objects, extract value of a property as array et. al.
Verwenden Sie diese Eigenschaft, um Optionen zu einem Auswahlfeld hinzuzufügen - siehe Adding options to a <select> using jQuery/JavaScript et. al.

Grundsätzlich gilt:

// Retrieve the data as JSON and parse it (automatically) 
$.getJSON("https://api.certicasolutions.com/items/?x-ic-credential=xyz", function(data) { 
    // Get the options for your select box 
    var options = $("selector-for-your-select-box")[0].options; 

    // Clear any old ones 
    options.length = 0; 

    // Add the new ones 
    data.items.forEach(function(item) { 
     options.add(new Option(item.ia_itemid)); 
    }); 
});

Quelle

2016-06-16 11:24:28

ich will id nur Artikel angezeigt werden der "ia_itemid" in einer ausgewählten Dropdown Liste jquery mit

ich die Drop-down-DOM nicht sehen können , stattdessen nur Ajax & es ist Antwort

Wenn Sie ia_itemid erhalten möchten, können Sie forEach Array-Methode verwenden, und ein Array mit Wert von ia_itemid

var a = { 
    "completed":true, 
    "totalItems":98891, 
    "items": [ 
     {"ia_biserial":"", 
    "ia_bloomstaxonomy":"Creating" 
    ,"ia_correctanswer":"", 
    "ia_difficulty":"High", 
    "ia_dok":"IV", 
    "ia_extid":"231617", 
    "ia_gradelevel":"GradeK", 
    "ia_hasimages":"False", 
    "ia_itemid":1, 
    "ia_lang":"English", 
    "ia_pointvalue":"2", 
    "ia_pvalue":"", 
    "ia_subject":"Math", 
    "ia_teitype":"OR","ia_vendorid":"i-321813", 
    "passages":[], 
    "standards":[] 
    }, 

    { 
    "ia_biserial":"", 
    "ia_bloomstaxonomy":"Creating", 
    "ia_correctanswer":"", 
    "ia_difficulty":"High", 
    "ia_dok":"IV", 
    "ia_extid":"231616", 
    "ia_gradelevel":"GradeK", 
    "ia_hasimages":"False", 
    "ia_itemid":2, 
    "ia_lang":"English", 
    "ia_pointvalue":"2", 
    "ia_pvalue":"", 
    "ia_subject":"Math", 
    "ia_teitype":"OR", 
    "ia_vendorid":"i-321812", 
    "passages":[], 
    "standards":[] 
    }, 
    ] 
} 

var _getItem = a.items; 
var _filter = [] 
_getItem.forEach(function(item){ 
      _filter.push(item.ia_itemid) 
}) 
var _options =""; 
// loop through _filter and create options 
_filter.forEach(function(item){ 
    _options +='<option value="demo_'+item+'">'+item+'</option>' 
}) 
$("#demoApp").append(_options); //Append with select element

JSFIDDLE

Quelle

2016-06-16 11:30:59 brk

Wie kann ein einzelner Elementwert aus einer JSON-Antwort mithilfe von jQuery abgerufen werden?

Antwort

Verwandte Themen