accessing an array beyond the scope of an AJAX request

Question

accessing an array beyond the scope of an AJAX request

I'm struggling to use the data from an array called struct, which I am fetching through ajax. Here is my code:

var raw_data = null;
$.ajax({
    url:path.url_respuesta_leer, async:false,
    type:"post", dataType:"json", data:{form:id},
    success : function(obj) {
        var raw_data = obj.struct;
    }
    //console.log(raw_data) show: [Object, Object, Object] 0:Object label:"Some text"
});

var new_data = [ {"Title": raw_data[0].label } , etc...

The console keeps showing that it's undefined. I know it should be simple, but for some reason I can't figure it out. Any help would be appreciated.

javascript arrays json

Answer 1

Answer №1

Avoid redefining the same variable within the ajax success block where you are storing the data.

var raw_data = null; // ensure this is only declared once
$.ajax({
    url:path.url_respuesta_leer, async:false,
    type:"post", dataType:"json", data:{form:id},
    success : function(obj) {
        //var raw_data = obj.struct; avoid using 'var'
        raw_data = obj.struct;
    }
    //console.log(raw_data) show: [Object, Object, Object] 0:Object label:"Some text"
});

var new_data = [ {"Title": raw_data[0].label }

Answer 2

Avoid redefining the same variable within the ajax success block where you are storing the data.

var raw_data = null; // ensure this is only declared once
$.ajax({
    url:path.url_respuesta_leer, async:false,
    type:"post", dataType:"json", data:{form:id},
    success : function(obj) {
        //var raw_data = obj.struct; avoid using 'var'
        raw_data = obj.struct;
    }
    //console.log(raw_data) show: [Object, Object, Object] 0:Object label:"Some text"
});

var new_data = [ {"Title": raw_data[0].label }

accessing an array beyond the scope of an AJAX request

Answer №1

Similar questions

Generate a hyperlink within a paragraph

Wildcard whitelisting in middleware systems

Guide to resetting a CSS animation with pure JavaScript

modify column data using a JSON object

What is the best way to retrieve my files stored on my express server?

Using PHP to perform a JSON query for fetching geolocations from db-ip.com and saving the results into distinct variables

I am encountering issues with my PostCSS plugin not functioning properly within a Vue-cli 3 project

Manipulating values within a multidimensional array using JavaScript

When the Popover appears in ShadCN, the input field unexpectedly takes focus

Combining JSON arrays into rows in PostgreSQL using Node.js

Methods for organizing the output of a saved routine and sending it back to JavaScript

Enhancing jQuery Mobile listview with voting buttons on each item row

My search bar in the navbar is sticky, but unfortunately it still ends up covering the page content as you scroll down

Differences between Angular 4 and AngularJs directives

What is the best way to retrieve serialized JSON from a Flask-SQLAlchemy relationship query?

Steps for converting the current JSON_OBJECT into a list format

Leverage React.js by incorporating a Header-Imported JavaScript Library

Processing and displaying JSON data along with nested attributes

Retrieving a value attribute from the isolated controller of a directive

Tips for updating an Angular renderer's value