"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

Display a page with sections that have opacity applied, identified by the hashtag #section, and utilize JavaScript to automatically scroll to the top of

Determine the DOM element that corresponds to a right-click action

Building a table with Next.js

What is the best location to initialize Firebase in a React Native application?

What is the best way to assign an ID to a specific HTML element within NetSuite's Document Object Model

`A dynamically captivating banner featuring animated visuals created with JQuery`

Issue with React-select: custom Control prevents select components from rendering

Is there a way to retrieve data from the host URL within the getStaticPaths function in Next.js?

I'm receiving the error message "Fatal error: Call to a member function query() on a non-object," what could be causing this issue?

In ASP.NET, it is possible to only select a single checkbox at a time within a row in a GridView

Performing multiple ajax calls simultaneously in JavaScript using the React framework

Changing the MIME type of a JavaScript file in a Jade/Pug environment to text/html

Updating row values in an Angular table

Issue with Node REST API: PUT request is failing to update data in the request

``"Selecting a location upon clicking a marker in the array

What is the best method to reset the chosen option in a dynamic select dropdown using React?

Utilize text alignment effectively by considering language direction - left-to-right for English and right-to-left for Arabic

Interpreting a JSON string with the format {TEST:[1,2,3,4]} using Gson

Saving variables from response body in Intellij IDEA HTTP Client - A step-by-step guide

What is the origin of the libraries found in npm-shrinkwrap that do not match the packages listed in package.json?