"JavaScript throws an 'Undefined' error when trying to access a basic

Question

"JavaScript throws an 'Undefined' error when trying to access a basic

I am struggling with a basic set of HTML and JS files that are not functioning properly, and I can't seem to pinpoint the issue:

<html>
 <head>
  <script type="text/javascript" src="data.json"></script>
 </head>
 <body>
 </body>
</html>

var data = '{"name" : "Phil Powell"}';
alert(data + ' ' + data.name + ' ' + data.type);

Every time I attempt to open this setup, I consistently encounter the same error message:

{"name" : "Phil Powell"} undefined undefined

I can't understand what I'm doing incorrectly. My goal is simply to parse an external JSON file, but I cannot achieve it.

Your assistance would be greatly appreciated.

Thank you

javascript json

Answer 1

Answer №1

let info = '{"title" : "John Doe"}';

delete the surrounding single quote as indicated in the instruction below

let info = {"title" : "John Doe"};

Answer 2

let info = '{"title" : "John Doe"}';

delete the surrounding single quote as indicated in the instruction below

let info = {"title" : "John Doe"};

Answer 3

Answer №2

Your information is currently in string format. You must convert it to an object in order to access it by key.

var data = '{"name" : "Sarah Miller","occupation":"engineer"}';
var obj = JSON.parse(data);

console.log(data + ' ' + obj.name + ' ' + obj.occupation);

Answer 4

Your information is currently in string format. You must convert it to an object in order to access it by key.

var data = '{"name" : "Sarah Miller","occupation":"engineer"}';
var obj = JSON.parse(data);

console.log(data + ' ' + obj.name + ' ' + obj.occupation);

Answer 5

Answer №3

Eliminate unnecessary quotation marks:

let information = {"name" : "Sara Smith", "age" : 25};
console.log(information.name + ' ' + information.age);

Answer 6

Eliminate unnecessary quotation marks:

let information = {"name" : "Sara Smith", "age" : 25};
console.log(information.name + ' ' + information.age);

Answer 7

Answer №4

I am glad to provide this information

var info = {"name" : "Samantha Smith", "type" : "Tool"};
console.log(info['name'] + ' ' + info['type']);

var info = '{"name" : "Samantha Smith", "type" : "Tool"}';
var object = JSON.parse(info);
console.log(object.name + ' ' + object.type);

Answer 8

I am glad to provide this information

var info = {"name" : "Samantha Smith", "type" : "Tool"};
console.log(info['name'] + ' ' + info['type']);

var info = '{"name" : "Samantha Smith", "type" : "Tool"}';
var object = JSON.parse(info);
console.log(object.name + ' ' + object.type);

Answer 9

Answer №5

There are two ways to ensure it functions properly:

1. Eliminating single quotes from the string

var info = '{"name" : "Phil Powell","type":"something"}';

Instead of that, utilize the following:

var info = {"name" : "Phil Powell","type":"something"};

console.log(info.name, info.type);

2. Transform your string into a JSON object using JSON.parse()

`var information = '{"name" : "Phil Powell","type":"something"}';`

`var obj = JSON.parse(information);`

`console.log(information.name, information.type);`

Answer 10

There are two ways to ensure it functions properly:

1. Eliminating single quotes from the string

var info = '{"name" : "Phil Powell","type":"something"}';

Instead of that, utilize the following:

var info = {"name" : "Phil Powell","type":"something"};

console.log(info.name, info.type);

2. Transform your string into a JSON object using JSON.parse()

`var information = '{"name" : "Phil Powell","type":"something"}';`

`var obj = JSON.parse(information);`

`console.log(information.name, information.type);`

Answer 11

Answer №6

Have you attempted using src= data.js as suggested?

<script type="text/javascript" src="data.js"></script>

Answer 12

Have you attempted using src= data.js as suggested?

<script type="text/javascript" src="data.js"></script>

"JavaScript throws an 'Undefined' error when trying to access a basic

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Similar questions

Upon initiating npm start in my React application, an error was encountered: internal/modules/cjs/loader.js:834

Assigning a new classification to the primary object in the evolving array of objects

Retrieve the selected option from the dropdown menu in the specified form

Concealing axis lines within the initial circular grid or opting not to include them

Encountering difficulties reaching $refs within component method

When an onClick event is triggered in jQuery, generate a certain number of div blocks based on the available list items, such as image source and heading text

What is the best way to create floating text that appears when clicked, similar to the mechanics

Creating an illustration with HTML5 from an image

Connecting a text input in a nested component to the data passed down from its parent component in VueJS

How does the StreamingContext parameter benefit Json.NET Serialization Callbacks?

How can we display or conceal text indicating the age of a patient based on the value returned from selectedPatient.age in a React application?

Can you explain the concept of cross domain and how JSONP fits into the picture?

The Vue.js modal is unable to resize below the width of its containing element

Struggling with organizing my code in node.js - it's all over the place and not very reliable. How should I tackle this

Ways to conceal the TippyJS tooltip so it doesn't show up on video embeds

Displaying hidden Divs in React Typescript that are currently not visible

Calling an ajax request to view a JSON pyramid structure

Are you in the business of building JavaScript hubs?

What is the best way for Flask to host the React public files?

Exploring the elements within array structures