Using a Javascript loop to showcase values from a database

Question

Using a Javascript loop to showcase values from a database

As a Python developer who is new to JavaScript and AJAX, I am currently working on creating a pie chart that displays database values.

$(document).ready(function () {
      google.charts.load('current', { 'packages': ['corechart'] });
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {
        $.ajax({
            url: '/dashboard/document/',
            type: 'POST',
            dataType: 'json',
            data:{
              csrfmiddlewaretoken: '{{ csrf_token }}'
            },
            success: function (response) {
                console.log(response.result);
                $.each(response.result, function (item) {
                  console.log(item);

I have fetched my database values using PyMongo, which are stored in console.log(response.result);. Now, I need to print each value using looping with console.log(item);. How can I achieve this?

javascript ajax

Answer 1

Answer №1

Is there a way to print items in the console using looping? How would I go about doing this?

If you're new to JavaScript, you can avoid using jQuery as the language has evolved and doesn't require it as often.

const exampleArray = ['one', 'two', 'three'];

exampleArray.forEach( function(thing) {
    console.log('thing: ', thing);
});

https://jsfiddle.net/sheriffderek/h2fcb54g/

Answer 2

Is there a way to print items in the console using looping? How would I go about doing this?

If you're new to JavaScript, you can avoid using jQuery as the language has evolved and doesn't require it as often.

const exampleArray = ['one', 'two', 'three'];

exampleArray.forEach( function(thing) {
    console.log('thing: ', thing);
});

https://jsfiddle.net/sheriffderek/h2fcb54g/

Using a Javascript loop to showcase values from a database

Answer №1

Similar questions

Ajax causing unreliable posts

Ways to prevent false activation of functions due to changes and clicks

Utilizing Angular 9 with Jest for unit testing: simulating a promise, checking for method invocation afterwards

Remove click event listeners from a specific element within a group of selected elements using D3

Experiencing difficulty with parsing an array's json/string version within an Angular controller

Enhancing user experience with dynamic element integration in jQuery's AutoComplete feature

Code in JavaScript using VueJS to determine if an array includes an object with a certain value in one of its elements

Designing a toggle button interface with Material UI

"Learn how to dynamically update the value of a text box using a loop in jQuery when the

Utilize the datepicker function in jQuery version 1.6.3 to select a range of dates

Is it possible to adjust the width of the comment box on the Facebook "Like" button?

What is the best way to apply absolute positioning to an image tag that is related to

Error encountered in Three.js: ShaderPass.js is unable to read the property 'prototype' of undefined

Using ES6, one can filter an array of objects based on another array of values

The ajax method is encountering an issue when trying to perform an action: It is unable to find the necessary anti-forgery form field "__RequestVerificationToken" required for the operation

The data is being uploaded, but it is not being stored in the database

Searching in real-time using PHP AJAX and XML technology

Using React hooks and Typescript: I was expecting to see an assignment or function call, but instead, an expression was

Leveraging VueJS 2.0 server-side rendering: Maximizing data retrieval efficiency with preFetch and beforeRouteEnter techniques

The alert box is failing to open