How to loop over a valid JSON

Question

I have made an Ajax request to a PHP script and that PHP script returned this JSON object and when i tested with link text it says it's valid

[
{
    "id_annotation": "1",
    "annot_doc_id": "page_de_test.html",
    "annot_id_auteur": "2",
    "anno_startOffset": "47",
    "annot_startContainer": "id-aaa",
    "annot_endOffset": "88",
    "annot_forme": "1",
    "annot_value": "dispositif physique fait pour \n  stocker ",
    "annot_obj": "1",
    "annot_area": "",
    "annot_date": "vendredi 25 juin 2010 10:38:07"
},
{
    "id_annotation": "2",
    "annot_doc_id": "page_de_test.html",
    "annot_id_auteur": "2",
    "anno_startOffset": "122",
    "annot_startContainer": "id-aaa",
    "annot_endOffset": "200",
    "annot_forme": "1",
    "annot_value": " le plus simple est \n  d\u2019utiliser un syst\u00e8me de repr\u00e9sentation \u00e0 deux chiffres",
    "annot_obj": "1",
    "annot_area": "",
    "annot_date": "vendredi 25 juin 2010 10:38:19"
},
{
    "id_annotation": "3",
    "annot_doc_id": "page_de_test.html",
    "annot_id_auteur": "2",
    "anno_startOffset": "1",
    "annot_startContainer": "ident-77",
    "annot_endOffset": "146",
    "annot_forme": "1",
    "annot_value": "Dans un ordinateur, le dispositif qui permet de stocker de l\u2019information est donc \n  rudimentaire, bien plus rudimentaire que les mains humaines.",
    "annot_obj": "1",
    "annot_area": "",
    "annot_date": "vendredi 25 juin 2010 10:38:25"
},
{
    "id_annotation": "4",
    "annot_doc_id": "page_de_test.html",
    "annot_id_auteur": "2",
    "anno_startOffset": "107",
    "annot_startContainer": "ident-77",
    "annot_endOffset": "194",
    "annot_forme": "1",
    "annot_value": "crobaties avec ses doigts, mais \u00e9cartons ce cas). Avec un \n  emplacement d\u2019information ",
    "annot_obj": "1",
    "annot_area": "",
    "annot_date": "vendredi 25 juin 2010 10:38:33"
}

]

But the problem was when i tried ti loop over this json response by using this function, the fonction get excuted just one time, I want to know how to loop over this returned JSON

success: function(data) {
                    var mon_selection_2;
                    var mon_range;
                    resultText = eval(data);
                    var resultText_length = resultText.length;
                    for (var i=0; i<resultText_length; i++)
                    {
                    mon_selection_2 = window.getSelection();
                    mon_selection_2.removeAllRanges();
                    mon_range = document.createRange();
                    mon_selection_2.addRange(mon_range);
                    id_annotation_js = resultText[i].id_annotation;
                    anno_startOffset_js = resultText[i].anno_startOffset;
                    annot_startContainer_js = resultText[i].annot_startContainer;
                    annot_endOffset_js = resultText[i].annot_endOffset;
                    annot_value_js = resultText[i].annot_value;
                    annot_forme_js = resultText[i].annot_forme;
                    var start_Node = document.getElementById(annot_startContainer_js);
                    var textNode = start_Node.firstChild;
                    mon_range.setStart(textNode,anno_startOffset_js);
                    mon_range.setEnd(textNode,annot_endOffset_js);
                    var Gras_ele_js = document.createElement("span");
                    Gras_ele_js.setAttribute("style","color:black;font-size:14px;font-weight:bolder");
                    Gras_ele_js.setAttribute("value",mon_range);    
                    Gras_ele_js.setAttribute("id",id_annotation_js);    
                    mon_range.surroundContents(Gras_ele_js);    
                }

Answer 1

well, with this line

resultText = eval(data);

you convert the string into a javascript object. You shouldn't do it that way (using eval), even if it's the fastest of all ways, because if massive security reasons.

You should use jQuerys very own implementation $.parseJSON() or, if available, browsers integrated JSON parser like window.JSON.parse();

To your question, you need to loop over an object here.

$.each(resultText, function(i,v)){
   $.each(v, function(index,value){
      anno_startOffset_js = value.anno_startOffset;
      // or anno_startOffset_js = value['anno_startOffset'];
   });
};