Having trouble with asynchronous JSON calls in JavaScript when setting async to false

I'm having trouble figuring out what I'm doing wrong in this scenario. The issue is that I can't seem to reassign the variable poster_path with the fetched poster-path from the JSON call. What's puzzling to me is that I even tried setting it async to false, but that didn't fix the problem.

I've looked through various answers, like this one (How do I return the response from an asynchronous call?), but so far, none of them have provided a solution.


function getPoster(id) {
   var poster_path = null;

   $.getJSON( "https://api.moviedb.org"+id+"?", {async: false}, function( data ) { 
       poster_path = data.poster_path;
   }
}

PS: The API call has been shortened for illustration purposes. It's known to be functioning correctly and returning accurate data.

javascriptjsonapiasynchronous

Answer №1

The function $.getJSON serves as a quicker alternative to using the $.ajax method. As it is a shorthand version, some assumptions are made, one of which is that the call will be carried out asynchronously.

If you desire a synchronous call (though this practice is not recommended), you can achieve this by implementing something like the following:

$.ajax({
  'async'           : true,
  'dataType'        : 'json',
  'contentType'     : 'application/json',
  'url'             : 'https://api.moviedb.org'+id+'?',
  'success'         : function (data){ 
                        poster_path = data.poster_path;
                      }
});

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

The button text in Bootstrap 5 is black instead of white as shown in their demo

During the installation of Bootstrap 5, I encountered an issue where many of my buttons are displaying a black font instead of the expected white font as shown in the Bootstrap 5 Documentation For instance, the .btn-primary button on the official Bootstra ...

javascriptcsstwitter-bootstraplaravel-8bootstrap-5

Unraveling JSON string containing additional double quotes in Python

Does anyone know how to handle parsing a poorly formatted JSON String in python? Take a look at this example: "{""key1"":""value1"",""key2"":{""subkey1"":null,"&qu ...

pythonjsonparsing

Angular 4: Unhandled error occurred: TypeError - X does not exist as a constructor

I am currently developing a project in Angular 4, and I encountered an error while running the application. The specific error message is as follows - ERROR Error: Uncaught (in promise): TypeError: index_1.EmployeeBase is not a constructor TypeError: in ...

javascriptangularecmascript-6polyfillses6-shim

Guide on making an NPM package with a web worker integration

Currently, I am in the process of developing an npm package that incorporates a web worker with type module. The issue arises when I try to link this package to a React application for testing purposes since the application cannot locate the worker.js file ...

javascriptnode.jsnpmweb-workernpm-package

When using Sequelize, I encountered an error message from SQLite stating that the table does not exist despite having created

I am struggling to grasp the concept of how Sequelize operates and I can't figure out why I am encountering the SQLITE_ERROR: no such table: Users error even though I have created the table using sequelize.define. Here is my code: const { Sequelize, D ...

javascriptnode.jsdatabasesqlitesequelize.js

What is the best way to display PHP files as the main landing page on my Express server?

I am currently using php for my home page, but I have come to realize that Node.js does not support .php files. So, I'm looking for a solution on how to address this issue. Below is the code I am using: var app = require('express')(); var h ...

javascriptphpnode.jsexpressindexing

UI-Router is failing to transition states when $state.go() is called

I am currently troubleshooting a unit test for my user interface router routes, specifically focusing on the issue I encountered with the test not passing successfully. Within my test script, when checking the value of $state.current.name, it returns &apo ...

javascriptangularjsunit-testingjasmineangular-ui-router

Having trouble iterating through a grouped array in JavaScript?

Regrettably, I am facing issues once again with my grouped messages. Although I have received a lot of assistance from you previously, I still find myself struggling and hesitant to ask for help again. Initially, my objective was to group messages based o ...

javascriptjquery

Error in content policy for CSS in Stripe Checkout

I am currently attempting to integrate Stripe Checkout into my Ionic App. I have created a Directive that injects the form into my content view, however, upon execution, the CSS fails due to a content policy violation: checkout.js:2Refused to load the s ...

javascriptcssionic-frameworkstripe-payments

A guide on sending arrays from javascript to a Laravel controller through axios

Currently, I am utilizing Laravel 5.4 and Vue 2 to manage my data. I am facing an issue where I need to call a controller method using axios while passing two arrays. These arrays are crucial for making database requests in the controller and retrieving ne ...

javascriptarrayslaravelvue.jsaxios

Encountering a white screen while loading StaticQuery on Gatsby website

I encountered an error that has been reported in this GitHub issue: https://github.com/gatsbyjs/gatsby/issues/25920. It seems like the Gatsby team is currently occupied and unable to provide a solution, so I'm reaching out here for help. Just to clar ...

javascriptreactjsecmascript-6gatsbyeslint

Cube area to be filled

I am struggling to fill a cube with colors as it is only getting half of the figure filled. I suspect there might be an issue with the cubeIndices, but I'm having trouble figuring out how to make it fill everything. While I know I could use a cylinder ...

javascriptcssthree.js

Tips for controlling the size of a textarea in jQuery to prevent it from expanding further

How can I prevent the textarea size from increasing in jQuery? I created a demo where the user can only press 8 enters and enter up to 700 characters. However, my logic fails when the user first presses 7 enters and then starts writing text. The text appe ...

javascriptjquery

Enzyme's simulate() failing to produce expected results with onChange event

I am facing an issue with a component and its related tests: import React from 'react'; import PropTypes from 'prop-types'; function SubList (props) { var subways = ['', '1', '2', '3', & ...

javascriptreactjsenzymejestjs

What is the process for including a class on a div element?

I have written a code that displays a series of images in a sequence. Once the last image appears, I want to switch the class from .d-none to .d-block on the div Can this be achieved? onload = function startAnimation() { var frames = document.getE ...

javascripthtmlcss

Microphone Malfunction: Abrupt End of Input Detected

I have been experimenting with SpeechRecognition to incorporate microphone functionality into one of my projects. However, when I check the Chrome Console, it displays the error message: Unexpected end of input const speechRecognition = window.webkitS ...

javascriptmicrophone

Mastering the utilization of componentDidMount and componentDidUpdate within React.js: a comprehensive guide

I am facing an issue. I need to find an index based on a URL. All the relevant information is passed to the components correctly, but I encounter an error after loading: Cannot read property 'indexOf' of undefined The JSON data is being transmi ...

javascriptjsonreactjsreact-propsindexof

The response from getStaticProps in Next.js is not valid

While following the Next.js documentation, I attempted to retrieve data from a local server but encountered an error message: FetchError: invalid json response body at http://localhost:3000/agency/all reason: Unexpected token < in JSON at position 0 ...

javascriptnode.jsreactjsfetchnext.js

How can I use Angular's $filter to select a specific property

Is there a convenient method in Angular to utilize the $filter service for retrieving an array containing only a specific property from an array of objects? var contacts = [ { name: 'John', id: 42 }, { name: 'M ...

javascriptangularjsangular-filters

How can one effectively manage the disparities between JSON and Python while deserializing data?

Currently, my task involves working on a messaging service that utilizes a python based API. The API handles most of the deserialization work by transforming messages into python dictionaries. However, there are instances where the resulting dictionary con ...

pythonjsondeserialization