Funktion returned undefined (async)?

inputPrep wir aufgerufen sobald man was in nen Inputfeld eingibt, obwohl die asynchrone funktion searchAlgo dann awaited wird funktioniert nix - wieso?
Funktioniert nicht: Console.log() ganz unten in der InputPrep Funktion logged undefined, eigentlich wäre erwartet dass das Objekt searchResults geloggt wird welches zuvor mit Daten befüllt wurde. Loggt man searchResults direkt in dem .then(data => ...) funktioniert es tadellos.

Bild zum Beitrag

regex9

26.03.2024, 18:02

Kannst du das Problem auch aussagekräftiger (ohne "funktioniert nicht") beschreiben? Was erwartest du und was ist das aktuelle Verhalten?

Inkognito-Nutzer

26.03.2024, 18:03

Der Return der ganz unten gelogged wird ist nicht ein Objekt mit den erwarteten Daten sondern undefined. Logged man das Objekt direkt in der Funktion oben "funktioniert's"

1 Antwort

Vom Beitragsersteller als hilfreich ausgezeichnet

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Webseite, JavaScript

26.03.2024, 19:03

Dir fehlt einfach nur ein return-Statement vor dem await:

return await fetch(/* etc. ... */

Für den Fall, dass der Request aus irgendeinem Grund einmal fehlschlägt, wäre es allerdings gut, noch ein catch-Aufruf anzuhängen.

Inkognito-Nutzer

26.03.2024, 19:14

Mein allerliebster Javascript-Experte auf ganz gutefrage.net, ich danke dir!

Ähnliche Beiträge

Async await?

Hey,

Ich wollte nochmal was nachfragen. Hab ich es richtig verstanden dass in einer async Funktion nur auf das awaited wird wo ein Promise zurückgegeben wird und da von es nicht awaited wird einfach nebenbei ausgeführt und nicht im Hauptprozess ?

...zum Beitrag

Wie könnte ich dieses Problem mit einer Callback-Funktion lösen?

Hallo, ich lese gerade etwas zu Callback-Funktionen in der asynchronen Programmierung und frage mich bei folgendem Beispiel, wie ich dafür sorgen kann, dass - trotz Verzögerung per setTimeout() - Aufgabe 1 vor Aufgabe 2 aufgerufen wird. Ich glaube, dass Callback-Funktionen hier eine Lösung sein könnten, aber die Umsetzung verstehe ich noch nicht so ganz.

function taskOne() {
    console.log("Aufgabe 1");
}


setTimeout(taskOne, 3000);




function taskTwo() {
    console.log("Aufgabe 2");
}


taskTwo();

//Ergebnis:
Aufgabe 2
//3 Sekunden delay
Aufgabe 1

...zum Beitrag

Node.js/Express - req.body funktioniert nicht?

Ich möchte in meiner app.js-Datei Werte aus meiner HTML-Datei benutzen. In meiner HTML-Datei ist ein TextFeld namens "search". Dazu will ich in app.js

var searchText = req.body.search

verwenden, um den Wert des Feldes zu bekommen. Das klappt aber nicht!

Hier mein app.js-Code:

var express = require("express");
var pg = require("pg");
var bodyParser = require("body-parser");
var CON_STRING = process.env.DB_CON_STRING;

if (CON_STRING == undefined) {
  console.log("Error: Environment variable DB_CON_STRING not set!");
  process.exit(1);
}

pg.defaults.ssl = true;
var dbClient = new pg.Client(CON_STRING);
dbClient.connect();

var urlencodedParser = bodyParser.urlencoded({ extended: false });
const PORT = 80;

var app = express();
app.set("views", "views");
app.set("view engine", "pug");
app.get("/search", urlencodedParser, function (req, res) {
  var searchText = req.body.source;
  console.log(searchText); //HIER IST DER FEHLER: Es spuckt "undefined" aus!

  dbClient.query("SELECT * FROM book LIMIT 50 ", function (dbError, dbItemsResponse) {
    res.render("index", {
      BookList: dbItemsResponse.rows
    });
  });
});
app.listen(PORT, function () {
  console.log(App listening on Port ${PORT});
});

Das

console.log(searchText)

gibt mir immer undefined zurück. Wenn ich in der HTML-Datei über ein Script den Wert vom Textfeld ausgebe, dann ist der das, was da drinnen steht. Nur mit req.body scheine ich nicht darauf zugreifen zu können. Ich bekomme immer undefined.

Was mache ich falsch? Wie kann ich es beheben? Hat jemand eine Idee?

...zum Beitrag

NodeJS Variable aus Function bekommen?

Ich weiß gerade echt nicht wonach ich suchen soll.

var databasePassword;
bcrypt.hash(passwort, 10, function(err, hash){
  if(err) {console.log("HASH ERROR");throw err;}
  console.log(hash);
  databasePassword = hash;
  console.log("databasePassword:"+databasePassword);
});
console.log(databasePassword);

Es wird Problemlos:

console.log(hash);
console.log("databasePassword:"+databasePassword);

ausgegeben. Nur bekomme ich das ganze nicht außerhalb der Funktion ausgegeben.

Er sagt dann einfach "undefined".

Woran liegt das? Ich habe die Variable ja davor Global gesetzt. Oder nicht?

Danke im Voraus!

...zum Beitrag

Sprung vom letzten Array Element in den Ersten?

Hallo,

ich habe folgende Funktion:

function getNextWeekday(day) {
  let i = 0;
  while (i < weekdays.length) {
    if (day == weekdays[i]) {
      console.log(weekdays[i+1]) ;
      return weekdays[i+1];
    }
    i = i + 1
  }
  console.log("Error!");
  return null;
}

Wenn man getNextWeekday("Monday") eingibt, wird Tuesday ausgegeben etc. Wenn ich aber Sonntag eingebe, sollte Montag herauskommen. Weiss jemand was ich an meiner Zählervariable abändern muss, damit das funktioniert?

...zum Beitrag

Geld für Website?

Ich mache grade eine Website für den Laden von im, ich wollte jetzt wissen ob es gut rüber kommt wenn ich frage ob ich vielleicht dafür bezahlt werde?

...zum Beitrag

Javascript undefined nach funktion?

Hallo,

ich möchte einen webScraper schreiben, nachdem ich hier aber die init() für die browser und page instanzen aufrufe, werden die als undefined zurückgeliefert. Innerhalb der funktion ist typeof browser und page "object", wenn ich die Werte dann ausserhalb aufrufen möchte, sind sie "undefined". Ich benutze Nodejs und Puppeteer

async function init() {
  try {
    browser = await puppeteer.launch({
      headless: true,
      args: ["--disable-setuid-sandbox"],
      ignoreHTTPSErrors: true,
    });
    page = await browser.newPage();
    console.log(typeof browser);
    console.log(typeof page);
  } catch (err) {
    console.log(err.message);
  }
  return {
    first: page,
    second: browser,
  };
}
var retvals = init();
browser = retvals.second;
page = retvals.first;
console.log("here: ");
console.log(typeof retvals.second);
console.log(typeof retvals.first);
scrapeSite(urls[0]);

Verstehe nicht wirklich, was daran nicht funktionieren sollte, liegt aber vermutlich daran, dass ich wenig JS kenntnisse habe :D

MfG und danke im Voraus.

...zum Beitrag

Warum ist $_POST hier leer?

Hi, arbeite gerade an nem Kontaktformular, welches mit JQuery und Ajax gesendet werden soll. Hier der Code:

let form = $(this);
let actionUrl = "assets/php/contact.php";

$.ajax({
    type: "POST",
    url: actionUrl,
    contentType: "application/json",
    data: form.serialize(),
    success: function (backendError) {
        console.log(backendError);
        errorHandler(backendError);
    },
    error: function () {
        console.log("failure");
        alert("Internal Error occured. Please try again later");
    }
});

hier der PHP Code zum senden:

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    try {
        $errors = array();
        $name = "";
        $email = "";
        $human = "";
        $message = "";

        if (empty($_POST["name"])) {
            $errors[] = "name";
        } else {
            $name = $_POST["name"];
        }

        if (empty($_POST["email"])) {
            $errors[] = "email";
        } else {
            $email = $_POST["email"];
        }

        if (empty($_POST["human"])) {
            $errors[] = "human";
        }

        if (empty($_POST["message"])) {
            $errors[] = "message";
        } else {
            $message = $_POST["message"];
        }

        if (count($errors) === 0) {
            $to = "my@email.de";
            $subject = "Kontaktformular - " . $name;
            $message = "";
            $additional_headers = array(
                "From" => $email,
                "Reply-To" => $email,
                "X-Mailer" => phpversion()
            );

            mail($to, $subject, $message, $additional_headers);
            $response["error"] = false;
            echo json_encode($response);
            exit;
        } else {
            $response["error"] = $errors;
            echo json_encode($response);
            exit;
        }
    } catch (Exception $exception) {
        // in Log File Time + Error + IP
        exit;
    }
}

mein Problem: das POST Array is leer. Habs mir mal ganz oben ausgeben lassen, und stand nix drin, obwohl jquery die inputfelder per POST an das PHP File sendet. Ich denke, dass ich irgendwas bei der $ajax methode falsch gemacht habe, und es deshalb net funktioniert. bin am verzweifeln :) danke für jede Hilfe!

...zum Beitrag

React JS, was ist <React.StrictMode>?

Das ist ja standardmäßig in der index.js aber was bringt es genau ?
Wenn ich es nicht weglasse dann werden meine Funktionen innerhalb der Komponente doppelt aufgerufen die zwischen dem <React.StrictMode> sind.

Also kann ich es weglassen ?

App JS :

import {React,useEffect,useState} from 'react'
export default function App() {
useEffect(() => {
  // http://api.icndb.com/jokes/random
  const fetchJoke = async()=>(
    await fetch(`http://api.icndb.com/jokes/random`)
    .then(response => response.json())
    .then(data => console.log(data.value.joke))
  )
fetchJoke()
}, [])
  return (
    <div>App</div>
  )
}

index.js

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>    
 <App />
<React.StrictMode> 
);

Hab ja auch useEffect Hook benutzt damit es nur 1x beim laden ausgeführt werden soll.

...zum Beitrag

Wann kann man JavaScript gut?

Also, ich kann von APIs Daten abrufen. Voice Recorder, Wetter Webseite etc.

Slideshows kann ich auch programmieren. Ist auch einfach. Node.js kann ich nicht und json habe ich noch nicht ganz verstanden.

HTML und CSS beherrsche ich richtig gut.

Wann würdet ihr sagen, dass man gut JavaScript Code schreiben kann?

...zum Beitrag

JavaScript Await Async, Wo ist der Fehler?

function test1(zahl) {
    setTimeout(() => {
        return(zahl *2)
    }, 5000);
  }
async function test2() {
let x = await test1(2);
}
test2().then.alert(x)

Output: ReferenceError: x is not defined

Wollte das eigentlich so machen das die Funktion Test2 wartet bis die Funktion Test1 fertig ist, das sind jetzt zum Beispiel 5 Sekunden.

Und dann soll es x alerten.

Also möchte so tun als würde etwas länger dauern als geplant.

Könnten ja auch 10 Sekunden sein, die Hauptsache ist das wartet bis es die Antwort bekommen hat.

(Ich habe Async und Await nicht wirklich verstanden, und dachte mir das es so Funktioniert und ein gutes Beispiel ist)

...zum Beitrag

Code für TypeScript funktioniert nicht?

Ich baue ein Tic Tac Toe Spiel aber ganz einfache mit TypeScript und habe eine folgende Problem. Folgende Cod:

rndInt= 8;
rndSave  = null;
rndtest : number=0 ;

Beispiel Cod:

let a=[]

let max = 8

let z = Math.floor(Math.random() * max)

while (a.find(x => x == z) != undefined) {

z = Math.floor(Math.random() * (max+1))

}

console.log(z)

Ich habe versucht, den Code für meine Bedürfnisse umzuschreiben, aber es funktioniert nicht und gibt einen Fehler.

this.rndSave = Math.floor(Math.random() * this.rndInt)
while (undefined != this.rndtest.find(x => x == this.rndSave)) {
  this.rndSave = Math.floor(Math.random() * (this.rndInt+1))

Ich möchte, dass die Duplikate gelöscht werden, wenn die Taste gedrückt wird

...zum Beitrag

wie behebt man 403 Forbidden Error bei Xampp als Localhost?

Ich habe grade mit PHP und JS eine Galerie auf einer Test Webiste fertig gemacht welche über Xampp läuft.

Als ich diese dann über ein anderes Gerät im Netzwerk testen wollte bekam ich den Error 403 Forbidden und seit dem hab ich diesen Fehler auch auf den Localhost.

Nun laden auch alle anderen Bilder nicht mehr und geben den selben Error aus.

Ich hab schon im Internet gesucht und z.b bei der Xampp config bei phpAdmin all granted geändert aber es funktioniert immer noch nicht und weiß nun nicht mehr weiter.

Daher die Frage wie löse ich diesen Error?

...zum Beitrag

Addition in Javascript funktioniert nicht?

Ich versuche es zu erreichen, dass wenn ein HTML-Button gedrückt wird eine Javascript-Funktion aufgerufen wird. Diese soll die Variable Anzahl dann um 1 erhöhen. Beim 1. Mal funktioniert das auch und der voher definierte Wert (z.B. 7) erhöt sich um einen. Dann bleibt er aber bei 8.

var Anzahl = parseFloat(7);



function gedrueckt(Anzahl) {
    Anzahl += 1;
    console.log(Anzahl);
}

Wisst ihr woran das liegen könnte?

Ich hoffe auf antworten

Bohne47

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen