Is my JavaScript coding accurate?

Question

Is my JavaScript coding accurate?

I'm working on extracting JSON data from my Rest API to display in my application. I'm wondering if the function renderUserState is being called, as the rest of my code seems to be functioning correctly.

function testSubmit() {
    var card = getQueryVariable("select_card");
    var action = getQueryVariable("select_action");

    var urlGet = "/test/api/getting-ready?cardId=" + card + "&action=" + action;

    $.ajax({
        type : 'GET',
        url : urlGet,
        dataType : 'json',
        encode : true
    }).done(renderUserState);
}

function renderUserState(userState){
    $("#gold").text(userState.goldAmount);
}

Any assistance would be greatly appreciated!

javascript json ajax api

Answer 1

Answer №1

Yes, your code is accurate. Just make sure to invoke a function in the 'done' method as it will receive the data from your endpoint. Give it a try by clicking on the button and checking the log for results.

function fetchData() {
  var url = "https://jsonplaceholder.typicode.com/posts";

    $.ajax({
        type : 'GET',
        url : url,
        dataType : 'json',
        encode : true
    }).done((userData) => {
      displayUserData(userData);
      });
}

function displayUserData(userData){
    console.log(userData);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onClick="fetchData();">Click Here</button>

Answer 2

Yes, your code is accurate. Just make sure to invoke a function in the 'done' method as it will receive the data from your endpoint. Give it a try by clicking on the button and checking the log for results.

function fetchData() {
  var url = "https://jsonplaceholder.typicode.com/posts";

    $.ajax({
        type : 'GET',
        url : url,
        dataType : 'json',
        encode : true
    }).done((userData) => {
      displayUserData(userData);
      });
}

function displayUserData(userData){
    console.log(userData);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onClick="fetchData();">Click Here</button>

Is my JavaScript coding accurate?

Answer №1

Similar questions

Keep your data safe and protected within a Node CLI application

Implementing pagination in Firestore using React-Redux

In JavaScript, the price can be calculated and displayed instantly when a number is entered into a form using the input type 'number'

Ways to solely cache spa.html using networkfirst or ways to set up offline mode with server-side rendering (SSR)

Highly complex regular expressions in nth-check causing inefficiencies during npm installation of react-router-dom

Positioning a div at the bottom of a webpage without using absolute positioning in HTML

Utilizing D3.js: Applying Multiple Classes with Functions

Is there a way for me to retrieve the "title" from this API?

Web application using HTML5, AJAX, and a manifest file for offline usage

React Higher Order Component (HOC) encountered an ESLint issue: spreading props is not

Display a division in C# MVC 4 when a boolean value is true by using @Html.DropDownList

I am currently in the process of verifying email addresses

jsonAn error occurred while attempting to access the Spotify API, which resulted

Challenge with collapsing a button within a Bootstrap panel

Trouble with defining variables in EJS

Using Props with jQuery in React Components: A Comprehensive Guide

Determine the previous day's date using JavaScript by subtracting one day

Why does starting up the Firebase emulators trigger the execution of one of my functions as well?

Leveraging Jquery and an API - restricted

Guide to testing express Router routes with unit tests