Search jQuery

jQuery Forum

Getting 'data' is undefined error in I.E.11

in Using jQuery • 5 years ago

I'm trying to load arrays from a .json doc and populate a table with this data. It works fine in Chrome and FireFox, but not in I.E. 11. When I debug in I.E. 11 I get the error 'data' is undefined for data.insuranceReport. Here's my code:

$.getJSON('json/insuranceData.json', function(data) {
$.each(data.insuranceReport, function(i, f) {
var divData = "<tr>" + "<td>" + "<a href='employees/index.html" + "?dataTablePath=" + f.dataFile + "&insuranceName=" + f.insuranceName + "'>" + f.insuranceName + "</a>" + "</td>" + "<td>" + f.employeeCost + "</td>" + "<td>" + f.employerCost + "</td>" + "<td>" + f.totalCost + "</td>" + "</tr>"
$(divData).appendTo("#dataTable tbody");
});
});
<table id="dataTable" class="display">
<thead>
<tr>
<th class="text-left"><b>Insurance Name</b></th>
<th class="text-left"><b>Employee Cost</b></th>
<th class="text-left"><b>Employer Cost</b></th>
<th class="text-left"><b>Total Cost</b></th>
</tr>
</thead>
<tfoot>
<tr>
<th class="text-left"><b>Insurance Name</b></th>
<th class="text-left"><b>Employee Cost</b></th>
<th class="text-left"><b>Employer Cost</b></th>
<th class="text-left"><b>Total Cost</b></th>
</tr>
</tfoot>
<tbody>
</tbody>
</table>

Any idea why this is happening?

Replies(11)

jakecigar

Re: Getting 'data' is undefined error in I.E.11

5 years ago

Are you using an old version of jQuery or not using a server when you test your code? Or running in IE5 mode because you are on a LAN server and did not specify the proper meta and doctype?

If you share a link to your page we can take a look.

JΛ̊KE

Jeff Mcbr..

Re: Getting 'data' is undefined error in I.E.11

5 years ago

Running a .html file locally not on a server. I included all my files in a zip I attached. not running in IE5 mode and doctype is specified with HTML5 spec as well as the meta tags. You'll see in the files. Also, my version i am using is 1.6.2 from google.

Attachments

Data Table Report.zip
Size : 35.71 KB Downloads : 471 Download

Jeff Mcbr..

Re: Getting 'data' is undefined error in I.E.11

5 years ago

I also tried jquery 2.1.4 from google cdn with no success.

jakecigar

Re: Getting 'data' is undefined error in I.E.11

5 years ago

Running a .html file locally not on a server

You can’t do AJAX with IE without a server unless you tweak the registry. Don’t do that! Set up a server.

JΛ̊KE

Jeff Mcbr..

Re: Getting 'data' is undefined error in I.E.11

5 years ago

Didn't realize that. Visual studio should be installed by my boss in the next day or two so I'll have a local server to test on soon (using brackets right now). I'll have to wait for cross-browser testing until then. Thanks!

jakecigar

Re: Getting 'data' is undefined error in I.E.11

5 years ago

In the mean time, you can use plunker as a server for your flat (no server language) HTML and JSON files.

JΛ̊KE

Jeff Mcbr..

Re: Getting 'data' is undefined error in I.E.11

5 years ago

Thanks, I'll give it a try!

watusiware

Re: Getting 'data' is undefined error in I.E.11

5 years ago

You don't need a "real server".

There are many popular HTML-focused code editors that have a built-in server! In fact, just about every one of them. (I assume Visual Studio has a similar type of "preview server" built-in.)

jQuery 1.6.2 is obsolete - by several years. I wouldn't use it.

2.1.4 does not support IE 6,7,8 if that matters to you. 1.11.3 is functionally identical and does support IE 6,7,8. It's probably the best version to start your project with.

Jeff Mcbr..

Re: Getting 'data' is undefined error in I.E.11

5 years ago

Visual studio actually runs an IIS server using localhost. it's not a virtual server, it's an actual IIS server only running locally. I've looked in brackets and can't find any built in server emulation (other than the live preview option which seems like it's emulating a server but only works with Chrome). As for supporting IE 6,7,8. I stopped supporting them a long time ago. I can't image anyone would actually want to support them anymore but there might be some legacy reason for doing so I suppose. I asked my boss and I'll get VS either end of day today or tomorrow so not worth trying to find and run a virtual server.

watusiware

Re: Getting 'data' is undefined error in I.E.11

5 years ago

Yea, I just looked and Brackets apparently just uses the filesystem.

I didn't mean a "virtual server" (whatever that is!)

I just meant you don't need a "grownup" server like IIS. It's probably overkill, but if it comes bundled in VS, so be it.

Most other modern-ish HTML code editors have a real (but small/simple) server that typically runs on localhost:8080 by default. (Or perhaps installable as a plugin.)

If you have node/npm or Ruby/RubyGems installed, there are many choices that can be installed in an instant.

Just putting this out there for others. You don't have to hassle with installing and configuring a complicated server like IIS or Apache. (Unless you need to write server-side code.) There is no excuse for working from the filesystem!

Jeff Mcbr..

Re: Getting 'data' is undefined error in I.E.11

5 years ago

Good point. If you're not using asp.net no need to configure an IIS server. We use MVC 4 so having a local IIS to develop on is a must for me. Thanks for the tip though.

Top Reply

Response title

Attachments

jQuery Forum

Getting 'data' is undefined error in I.E.11

Replies(11)

Re: Getting 'data' is undefined error in I.E.11

Re: Getting 'data' is undefined error in I.E.11

Attachments

Re: Getting 'data' is undefined error in I.E.11

Re: Getting 'data' is undefined error in I.E.11

Re: Getting 'data' is undefined error in I.E.11

Re: Getting 'data' is undefined error in I.E.11

Re: Getting 'data' is undefined error in I.E.11

Re: Getting 'data' is undefined error in I.E.11

Re: Getting 'data' is undefined error in I.E.11

Re: Getting 'data' is undefined error in I.E.11

Re: Getting 'data' is undefined error in I.E.11

Statistics

Tags

Actions