Define JSON as writeable: 'Error not caught'

I'm facing an issue with a read/write error in my JavaScript code because the JSON file seems to be set as read-only ('Uncaught TypeError: Cannot assign to read only property'). How can I change it to writable? Should I make changes in the JavaScript or in the JSON itself?

Here is a snippet of my JSON array (Should 'writable: true' be added here?):

{ "lots" : [
{
    "name" : "NW Corner of HW30 & 54th",
    "info" : "$2/Hr<br>Monthly Parking Available",
    "center" : {
        "lat" : 57.659390,
        "lng" : -127.414754
    },
    "topLeft" : {
        "lat" : 57.659616,
        "lng" : -127.415102
    },
    "bottomRight" : {
        "lat" :57.659208,
        "lng" :-127.414371
    }
}...etc
]}

Here's the Ajax call I'm making (Is it possible to specify 'writable' using Object.defineProperty() here?):

var jsonFile = $.ajax({
  type: "GET",
  url: "filepath/filename.json",
  dataType: "json",
  success: function(response) {
    console.log(response);
  }
});

Do I need to declare this elsewhere, or am I missing something else entirely?

Thank you for any assistance provided.

javascriptjsonobjectwritable

Answer №1

To make a property writable, you need to explicitly specify writable: true. By default, it is set to false :)

For example:

"topLeft" : {
        "lat" : 57.659616,
        "lng" : -127.415102,
         writable:true
    }

The writable attribute determines whether the value associated with the property can be changed using an assignment operator. It defaults to false.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Tips for integrating Grails ${createLink} into your javascript code

Below is a JavaScript function that I have: function GetSelectedItem() { var e = document.getElementById("country"); var strSel = e.options[e.selectedIndex].value; alert(strSel); var url = "${createLink(controller:'country', act ...

javascriptgrails

Implementing Material-UI’s FlatButton and Dialog in ReactJS for dynamic TableRow functionality

I am working with Material-UI and have implemented a <Table> component. Each dynamically rendered <TableRow> in the <TableBody> needs to include a button (<FlatButton>) within one of the columns. When this button is clicked, a <D ...

javascripthtmlreactjsmaterial-ui

Incorporating the elements of an array into an unordered list for a formatted list display

I have a list here <ul> <li> This is</li> <li> a very nice</li> <li> list</li> </ul> This is a very nice list and this code to insert the array elements into the list var names =["tom", " ...

javascriptjqueryarrayslist

Image loading failure detected in ReactJS

In my current project using Reactjs (Nextjs framework), I encountered an issue where I am unable to display an image on a page without specifying the "height" and "width" attributes in the Image tag. I attempted the following code snippet but the image is ...

javascriptreactjsnext.js

"An error message is displayed stating that the maximum call stack size has been exceeded while looping through an

Dealing with an array containing 10,000 items and attempting to assign a new property to each item has been a challenge for me. _async.mapLimit(collection, 100, function (row, cb){ row.type = "model"; cb(null, row); }, function (err, collect ...

javascriptnode.jsasynchronous

Tips on resolving the issue of an Axios post request not appearing in a get request in React

When using axios to make a post request in this code, a new username is posted, but there is an issue with retrieving the posted name from the API. How can I fix this problem to view my posted request? const App = () => { const [data, setData] = u ...

javascriptreactjsaxios

Angular event triggered when updating input values from the model

I have developed a custom directive to add functionality to input fields with a specific class. I want to trigger events on blur and focus to update the label style based on Material Design principles. However, when using ng-model in Angular, I also need t ...

javascriptjqueryangularjs

Can the .scroll function be turned off when a user clicks on an anchor link that causes the page to scroll?

I am currently developing a timeline page and I want to implement a feature similar to the chronological list of years displayed on the right side of this webpage: As part of this feature, I have set up a click event which adds a circle border around the ...

javascriptjqueryhtmlcss

What is causing this code to malfunction in AngularJS version 1.2?

Check out this code snippet I wrote using Angular 1.2: http://jsfiddle.net/VmkQy/1/ <div ng-app="app"> Title is: <span my-directive data-title="Test title">{{ title }}</span> </div> angular.module('app', []) .dir ...

javascriptangularjsangularjs-directive

Using Knex.js to perform a case-insensitive search on an object with the whereIL

Still searching for a solution to this problem. I am attempting to pass an object with filters as keys and values. ex. const filters = { 'id': 12, 'first_name': john } function findBy(filter) { return db('quotes') ...

javascriptexpresseloquentknex.js

Looking to automatically scroll to the bottom by clicking on text using javascript/jquery?

I am currently working on a website project where I have a specific requirement. I need the webpage to scroll towards the bottom when a particular text is clicked, using JavaScript/jQuery. <p class="ml-2 mb-2 d-flex view_profile_options"><a hre ...

javascriptjqueryhtmlscrollhover

Next.js is unable to serialize the response from getServerSideProps functions into JSON

I am currently in the process of developing a Next.js application that consists of multiple pages utilizing dynamic routing. Each page within the application involves making various axios calls to the backend using useEffect hooks. In order to enhance the ...

javascriptnode.jsnext.js

efficient ways to eliminate redundant JSON objects in Python

How can I remove objects with duplicate 'file_url' from a JSON file? { "0": { "file_url": "apple", "name": "apple.jpg" }, "1": { "file_url": "dog", "name": "dog.jpg" }, "2": { "file_url ...

jsonpython-3.xduplicates

What is the syntax for creating a zip function in TypeScript?

If I am looking to create a zip function: function zip(arrays){ // assume more than 1 array is given and all arrays // share the same length const len = arrays[0].length; const toReturn = new Array(len); for (let i = 0; i < len; i+ ...

javascripttypescript

Mongoose fails to save due to an error stating "undefined id"

Having some trouble with the Mongoose save function... In my user model file: const mongoose = require('mongoose'); const Schema = mongoose.Schema; const User = mongoose.model('User', { name: Schema.Types.Mixed, gender: String, ...

javascriptnode.jsmongodbmongoose

The misleading A*(A-star) algorithm inaccurately produces faulty routes and ultimately collapses

I am currently working on implementing the A*(A-star) algorithm in react.js, but I am facing a problem. Whenever the startNode (green) or destinationNode (blue) have more than one neighbour or if there is a cycle in the graph, my program crashes. There see ...

javascriptreactjsdata-structuresgrapha-star

JSON serialization allows you to efficiently store and exchange various objects of different types

I have two derived classes that inherit from an abstract base class public class Class1 : MainBaseClass { public int attribute1 {get; set;} public int attribute2 {get; set;} } public class Class2 : MainBaseClass { public int attributex {get; set ...

c#jsonserializationtypes

Is there a way to determine which option is currently highlighted in Internet Explorer before it is actually chosen?

Despite the fact that IE does not support mouse events on <option> elements, it does highlight the option under the mouse cursor when you open a dropdown list. Is there a way in JavaScript to capture this highlighted option as the user moves the mous ...

javascriptjqueryhtmlinternet-explorer

Updating object properties in Typescript

I have written the following Angular 2 TypeScript code: import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) ...

arraysjsonangulartypescript

Guide on extracting value from XML data using $.ajax and then displaying it within a $.each loop

As part of our study project, we have a task that involves comparing an array of strings with an XML database. My approach was to break it down into two parts since we need to perform the comparison function twice. First, I iterate through the array using ...

javascriptjqueryajaxxmleach