Is there a way to store stock data in stockData and display it in the console upon form submission? Upon submitting the form, I only receive undefined. I suspect this may be due to a delay in fetching data from the API (but not certain). How can I resol ...
I've been wondering about a strategy for managing delayed AJAX data returns in a scenario where newer calls should take precedence over earlier ones. For instance, if a first data fetch initiated at 12:01:33 is delayed and comes back at 12:01;39, while a s ...
Currently in my chrome extension, I'm utilizing web workers to collect response header cookies from a specific website. Interestingly, when I execute the request on the main thread, the response contains all the expected cookies. However, when the exact sa ...
Currently, I am in the process of developing a system that extracts specific information from a JSON file based on user input. One challenge that I am facing is how to incorporate a variable into the designated section of my code; fetch( ...
I have been successful in generating a PDF on the front end and downloading it using the code below. However, I am now faced with the challenge of sending this generated PDF to the server via an API call using fetch or Axios. Despite my research efforts, ...
Currently, I am faced with the task of updating product data based on different categories. In order to achieve this, I have set up an index page along with two components called Products and Categories. Initially, I retrieve all products using the getServ ...
I am currently working on a NextJS React Application. Within my server/index.tsx file, I have the following code: import next from 'next'; import express from 'express'; import compression from 'compression'; import bodyParser from 'body-parser'; import { ...
Utilizing the express framework alongside NodeJS, I have encountered an issue where my client webpage refreshes after making a POST request that triggers a python script and returns a JSON object to the client. My dilemma lies in preventing this automatic ...
Encountering a challenge while setting up the registration page for my application. The setup involves a react front end and a node/express back end. The tasks to be performed in react are: Initiate a backend call to node to validate user existence If use ...
I'm currently utilizing the fetch API to send requests from a ReactJS frontend to a Node.js backend with Basic Authorization using the following code... React fetch(baseUrl, { method: 'get', headers: { Accept: 'application/json', 'Content-Type ...
With the current code I am obtaining numerous JSON objects within separate arrays: Here is the code snippet: for (let i=1; i<=150;i++){ fetch(`A valid URL ${i}`) .then(result => result.json()) .then(result => console.log(result.data.results)) ...
Working on my backend, I have integrated AWS API gateway with AWS Lambda. I made sure to enable cors for my endpoint. However, upon testing the endpoint on the browser, I encountered the following error: No 'Access-Control-Allow-Origin' header is present ...
I'm just starting out, so I hope my question isn't too basic. My goal is to send a longitude and latitude from client-side JavaScript to a Node.js server using Fetch and Express.js. Below is the HTML code snippet: <!DOCTYPE html> <html lang=" ...
I need assistance with making multiple API calls and adding the results to an array before returning it. The issue I am facing is that the result array is empty, likely due to the async nature of the function. Any help or suggestions would be greatly appre ...
Exploring the functionalities of the Google Places API has been my recent focus, however, I've encountered an obstacle that has me puzzled. While making API calls to a local proxy server, everything seems to be functioning well except when attempting to re ...
Currently, I am diving into learning JavaScript and the fetch API. As part of my practice, I am trying to retrieve exchange rate data from an API endpoint provided by a bank. However, I'm facing difficulties in parsing the response body into JSON form ...
I've hit a roadblock with my personal project involving making Fetch API calls to retrieve the audio source for a list of HTML audio tags. When I trigger the fetch call by clicking on a track, it always calls /play_track/1/ and adds the audio player only ...
When a value is entered in the search bar on the webpage, it gets added to a URL and used to retrieve JSON data. Everything works smoothly, but if a value is inputted that the API doesn't have information for, a null response is returned. The questio ...
Recently, I've been exploring the new functionality outlined in the documentation. However, I'm encountering an error that states : Property or method "$fetchState" is not defined on the instance but referenced during render. Despite clearly defining ...
I'm struggling to extract the data from the initial object in a JSON document. const apiUrl = 'https://uniqueapi.com/data.json?limit=1'; function App() { const [items, setItems] = useState([]); useEffect(() => { async function fetchData() { ...
I have a form on my website that contains two dropdown lists. Both of these dropdowns are populated with values from the database tables. When a visitor submits the form, certain actions are triggered: A SELECT query is used to compare the selected choic ...
I have been developing a node.js and express web application that utilizes the node-fetch module. Here, I am sharing a snippet of the crucial parts of my code: fetchGeoLocation(geoApiKey) .then(coordinates => { data x = getSomeData(); //returns nece ...
I am working with an API that sends me a JSON and I need to update my state with its data. However, some variable names are different. Is there a way to update all of them at once instead of separately? The JSON data from the API request: { "name& ...
As a Nodejs beginner, I am using the rtsp-relay library for live streaming. Currently, it is working in the frontend when the URL is included in the server proxy object like this: rtsp://.....@..../Stream/Channel/10. However, I want users to be able to inp ...
Lately, I've been exploring the world of web development by creating a web app using NextJS. While I have some knowledge of the basics in this field, I found myself a bit lost when working with NextJS since I hadn't worked with React before. One ...
Is there a way to submit a form without causing the page to reload and still retrieve an object from MongoDB using server side scripts? I've tried preventing the default behavior of the form with an event handler to avoid the page refresh, but this causes ...
As a developer using next.js, I am facing an issue with my code. I run a blog and need to search for a keyword in the titles of my posts. This excerpt shows part of my code: const [result, setresult] = useState([]); const [keyword, setkeyword] = useState ...
Having trouble getting the fetch function to run more than once in my application. It works the first time, loading the page with received data, but when I navigate to a new URL without refreshing the page, nothing changes - not even the state. The same is ...
I am working on a PHP code with MYSQL. It involves selecting data from the database using a dropdown list with AJAX and displaying the results on the screen. I have three dropdown lists that are dependent on each other and each dropdown has its own table t ...
I've encountered an issue while trying to send an ajax request from a react/redux app to an express POST endpoint. Despite testing the server-side endpoint with Postman and confirming its correct operation, I keep receiving {message: "Missing credentials ...
I'm currently developing a publishing application that requires communication between React and a MySQL database to exchange information. I am utilizing Express as my JavaScript server. Here is the code for the server: const express = require('express'); ...
I'm struggling to come up with the right query to select all comments associated with a specific image and retrieve the authors of those comments. I want to formulate a query like this: select comment where comment_id == image_id && user_id(table ...
For testing my web apps online, I utilize a VPS. To manage multiple web apps on the same server, I rely on Docker. Below is my docker-compose.yml version: "3.7" services: gateway: build: context: ./gateway dockerfile: Dockerfile r ...
As a newcomer to Next.js, I have a question regarding importing JSON files in my index.js file located in the pages directory. I have a component that will display a list from a JSON object, and I'm curious about the difference between importing this JSON ...
I am attempting to utilize promises with the fetch() function in order to access MongoDB from the front-end, but I am encountering some issues. var Promise = () => ( new Promise((resolve, reject) => { //perform certain actions, make requests ...
Having an issue with my PHP script that is fetching results from the localhost WAMP server. When I print out the query, each record is being displayed twice! Check out the screenshot below for a visual representation: This is the PHP MySQL script: <? ...
Having an existing fetch request: fetch(`http://localhost:4000/test`, { method: 'GET', mode: 'cors', cache: 'no-cache', headers: { 'Content-Type': 'application/json' } }) .then(result => console.log('success')) .catch(error => console. ...
Using the fetch method in various components: fetch(url) .then(result => { if (!result.ok) { throw new Error("HTTP error " + result.status) } return result.json() }) .then(result => { ...
I am encountering an issue with a simple JSON object in my fetch response. When I attempt to access it, the code gets caught in the catch block. this is my response { "islogin": true } fetch(url, data) .then(res => {console.log(res);retur ...
I am encountering an issue while attempting to send JSON data to the server using the fetch API and PHP as the server-side language. The PHP code on the server side is quite simple: <?php header("Access-Control-Allow-Origin: *"); header("Access ...
After successfully running my add function, I noticed that the data I added earlier is not being reflected in the list when I check. import React, { useEffect, useState } from "react"; import { createPost } from "./actions"; import { SubmitButton } from ". ...
I've been working on a cryptocurrency app using React and a JSON API to fetch the latest data. My approach involves using fetch to load the JSON API and setInterval to refresh the app every 10 seconds. Now, I'm wondering if there's a way to compare the pr ...
How can I capture user input in a text box based on their selection of a place? I have attempted to achieve this functionality with the code below, but it's not working as expected. Can someone offer guidance on how to fix this issue? This is what I& ...
In my current project, I am incorporating multiple APIs that are interlinked with each other by sharing the same data structure... Below is the code snippet: export default class App extends React.Component { constructor(props) { super(props); } ...
Trying to retrieve data from the server in order to display some articles has been a bit tricky. Although Postman successfully returns an array of objects and http://localhost:5000/articles displays them perfectly, there seems to be a problem when fetching ...
Whenever I use an https URL, fetch seems to be tacking on localhost:3000 at the beginning of the URL. The resulting URL it's trying to call looks like this: http://localhost:3000/%E2%80%8Bhttps://www. Does anyone have any insight into why this might be h ...
I am having trouble fetching POST requests to my Express router. While my many GET requests work fine, this is my first POST request and it is not functioning correctly. Here is a snippet of my frontend code: export async function postHamster(name, age) ...
navigation links import { v4 as uuid } from "uuid"; import Link from "next/link"; import { getAllCategories } from "src/utils/api"; export default async function NavLinks() { const {data: categories} = await getAllCategorie ...
I'm struggling with an issue and I'm hoping for some assistance. Currently, I am trying to execute a simple fetch request before the DOM is fully rendered. However, I have encountered a problem where sometimes I receive a 401 error because the ...
Currently, I am utilizing fetch along with NextJS to attempt to send information such as name, phone number, email, company, and message to an API. However, I am encountering an issue where the error message simply states 'Failed to fetch' in the ...
I'm currently working with Reactjs on the frontend. In order to set the profile picture to state, I've implemented the following code: handleImageChange = (event) => { event.preventDefault(); var file = event.target.files[ ...
I am currently developing a Next.js API page to extract data from a series of URLs. Interestingly, the URLs containing an apostrophe character ' fail to return any data, while those without it work perfectly fine. Surprisingly, when I execute the same ...
As a newcomer to react, I recently delved into using the fetch API to retrieve population data from an external source. Despite successfully pulling the data, I encountered an issue where updating the state within the fetch block did not result in the ch ...
When trying to retrieve user data from a MongoDB in JSON format using axios.get within a Vue.js application, my aim is to visualize this data by iterating through all user objects in the users array. The issue I'm facing is that each character is treated a ...
After diving into the world of creating custom fetch hooks for both get and post data, I found myself facing a common issue - my hook-returned state variables seemed to always be one step behind due to the asynchronous behavior of useState. Here is the cus ...
I am currently struggling to access the [[PromiseValue]] of a Promise. However, my function is returning a Promise instead and what I really want myFunction to return is the value stored in [[PromiseValue]] of the promised returned. The current situation ...
I've spent way too much time struggling and I can't seem to concentrate anymore. My goal is simple - I just want to fetch JSON data from a URL and display it visually in the browser. It doesn't even have to be formatted, at least not until I overcome this ...
This code snippet is set up to retrieve content from the database using a global $connect variable for the database connection, which seems to be functioning correctly. However, I am puzzled as to why the webpage is not displaying any content. Any assistan ...
In my project, I am developing a react+ts application which allows users to search for other users using the GitHub API. The search input element in my app has the following structure : <input type="text" placeholder="Search us ...
My POST request seems to be getting converted to a GET request somewhere in my REACT client code. Here is the react code snippet: function SavePatient(event) { event.preventDefault(); console.log("Saving Patient Data"); console.log(patient ...
Looking to create a basic website that displays content from a database? Utilizing the getInitialProps function from Next.js documentation can help with server-side rendering: https://nextjs.org/docs/api-reference/data-fetching/getInitialProps#getinitialpr ...
In this particular scenario, the utilization of Access-Control-Allow-Credentials accompanied by the POST method is key in managing server-side PHP session variables that need to remain stable. To provide some context, the front-end aspect involves a creat ...
My aim is to showcase a list of calculated results fetched from a local server. In the console, this data appears as an array of objects, but on the webpage, it is being displayed as separate string characters for each li element. How can I display the con ...
I have been working with JavaScript Fetch to retrieve data from the OpenWeather API. In my project, I have created a form where users can input the name of a city to view its weather information. However, I am facing an issue where the data from the previo ...
I am currently working on a basic NextJs TypeScript application with the app router. The following code is functioning correctly: export default async function Page() { const res = await fetch("https://api.github.com/repos/vercel/next.js"); ...
I am facing an issue with getting the value of stringReply into my app.post method in Express. From what I understand, it seems like the code is fully executed before the promise is resolved, resulting in an undefined value when attempting to log stringR ...
I am currently converting a React component to TypeScript. The component is making an API call, and although I believe my interfaces are correctly set up, I seem to be passing the types incorrectly. How can I resolve the two errors in the Parent componen ...
In my experience with Next.js, I've encountered a frustrating limitation on cache size for fetch requests. The 2MB limit means that some of my fetches exceed this threshold and end up not being cached. This becomes particularly bothersome because every tim ...
My Nextjs 13 frontend (app router) interacts with a Laravel-powered backend through an api. To handle authentication in the api, I am utilizing Laravel Sanctum as suggested by Laravel for SPAs. This involves setting two cookies (a session and a CSRF token) ...
My current challenge involves retrieving JSON data from the public folder. async function fetchData() { try { const response = await fetch('/data.json'); const jsonData = await response.json(); return jsonData; } catch (error) { ...
Recently, I've been challenged with creating an infinite scroll loader component. However, I'm facing a peculiar issue where my 'items' array is constantly resetting to [] (empty) instead of appending the new results as intended. A couple of important poi ...
I am facing an issue where I have to click twice on the "Action" button in order to see my dropdown list. How can I resolve this? Is there a way to fix it? $(document).ready(function() { $(".actionButton").click(function() { $dropdown = $("#cont ...
I have been attempting to send a fetch request to my server, but I am consistently receiving an empty req.body. Here is the client-side script: const form = document.getElementById('form1') form.addEventListener('submit', (e) => { e.preventDefa ...
I'm facing a problem that I couldn't find the solution to through Google or here, so here's my issue. I'm trying to retrieve JSON data from my own JSON test server at: The JSON data is nested and I'm attempting to GET the "r ...
I am facing an issue with making a fetch request when trying to add additional path or parameters... Here is what I want to achieve: const fetchOwnerCardList = () => { fetch("http://localhost:5000/api/card/ownerCards", { method: "GET", header ...