Jquery: How to get value from array in external text file?

Question

I am trying to pull an error message from an external errors.txt file.

The contents of errors.txt is:

var data = {
'errors': [{
            "code": "9999",
            "message": {
                row: 1,
                col: 0,
                data: 'ABC',
                code: 20016,
                message: 'Invalid code.'
                }
             },
             {
              "code": "9999",
              "message": {
                  row: 1,
                  col: 0,
                  data: 'DEF!',
                  code: 20016,
                  volume: '100',
                  message: 'Invalid code.'
                  }
              }],
"data": {
    "report": null
},
"successMsg": null,
"errorMsg": null

}

I am trying to display the message (ie - "invalid code') and have tried the following, but no luck:

  jQuery.getJSON('/js/errors.txt', function (data) {
            // data is an array of objects
            $.each(data, function () {
                alert(this.errors[0].message[0].message);                
            });
        });

What am I doing wrong?

If you open errors.txt in the browser it probably displays text with "var data = " which is not a valid JSON. Try to remove "var data = " — Wojciech Jasiński
– Wojciech Jasiński, Commented Mar 18, 2016 at 6:11
@SatejS I did create a plunkr here but I think I'm not pointing to the errors.txt file correctly: plnkr.co/edit/v20HPmhMQmmYCzQcDCDf — rlsaj
– rlsaj, Commented Mar 18, 2016 at 6:28

Dhaval Bharadva · Accepted Answer · 2016-03-18 06:24:31Z

2

Please try as below:

errors.txt

{
  "errors": [
    {
      "code": "9999",
      "message": {
        "row": 1,
        "col": 0,
        "data": "ABC",
        "code": 20016,
        "message": "Invalid code."
      }
    },
    {
      "code": "9999",
      "message": {
        "row": 1,
        "col": 0,
        "data": "DEF!",
        "code": 20016,
        "volume": 100,
        "message": "Invalid code."
      }
    }
  ],
  "data": {
    "report": null
  },
  "successMsg": null,
  "errorMsg": null
}

script

<script>
    $(function () {
        $.getJSON('errors.txt', function (data) {
            $.each(data, function () {
                alert(data.errors[0].message.message);
            });
        });
    });
</script>

answered Mar 18, 2016 at 6:24

Dhaval Bharadva

3,0852 gold badges26 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Prakash Thete · Accepted Answer · 2016-03-18 06:21:33Z

1

When you are traversing your JSON with each loop try to use key & value(give your own name according to your coding choice) as parameter to it.

Please replace your inner $.each({ loop with below code

$.each(data, function (key, value) {
    alert("Error Message : ", value[0].message.message);
});

Hope this helps to tackle the problem..

answered Mar 18, 2016 at 6:21

Prakash Thete

3,90230 silver badges31 bronze badges

Collectives™ on Stack Overflow

Jquery: How to get value from array in external text file?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related