Ajax Datenaustausch?

Bin neu in der Web Entwicklung und gerade bei Ajax und jquery angelangt, da hab ich mir jetzt aber folgende Frage gestellt: Ajax kommuniziert ja mit dem Server via Datenaustausch... Sagen wir mal, man will Berechnungen ausführen. Da könnte man ja einerseits ein Skript beim client laufen lassen(via async) oder das halt über den server berechnen lassen und dem client dann wieder zukommen lassen... Wann macht jetzt aber was Sinn?Gibt es da nh Faust Regel ab welchem Rechenaufwand man was nimmt ?

1 Antwort

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

JavaScript, Programmieren & Softwareentwicklung

29.07.2022, 12:32

JavaScript sollte vorwiegend für View-Logik (Animationen, Elemente dynamisch verschieben, einfache Prevalidation von Feldern, u.ä.) eingesetzt werden.

Wenn es darum geht, Anwendungslogik zu implementieren, ist diese in der Regel im Backend besser aufgehoben. Gerade wenn es um Datensicherheit geht, die jeweilige Berechnung also unverfälscht ablaufen muss, sollte sie im Backend vorgenommen werden. Klassische Beispiele wären bei einem Shopsystem (Warenkorb/Berechnung des Preises) oder einem Login zu finden. Würden die Operationen im Frontend erfolgen, wären sie leicht manipulierbar.

Ein weiterer Aspekt ist Datenpersistenz. Einige Daten (z.B. Suchergebnisse auf bestimmte Queries, Prescaling von Bildern, ...) können serverseitig gecacht werden, da sie für alle Nutzer gleich sind. Sie müssen meist eh aus dem Backend (bspw. einer Datenbank) geholt werden, Filter- oder Sortierregeln kann man dort also auch gleich vornehmen.

Kacke103

Fragesteller

29.07.2022, 12:38

Alles klar, über die Sicherheit hatte ich noch garnicht nachgedacht... Was wenn man jetzt zb. Nh BMI Rechner programmiert, da hat man ja keine sensiblen Daten, also wäre es doch effektiver dies beim client zu berechnen, oder?

daCypher

29.07.2022, 13:32

@Kacke103

Ja, in dem Fall kannst du es machen. Um nochmal zum Thema "Shop" zu kommen: Da kannst du für die reine Web-Ansicht auch den Preis per Javascript berechnen lassen. Wenn der Warenkorb abgeschickt wird, musst du aber natürlich auf dem Server den tatsächlichen Preis berechnen lassen. Wir machen es sogar so, dass wir die beiden Preise vergleichen und bei einer Abweichung die Bestellung abbrechen.

Mir fällt jetzt spontan kein Beispiel ein, wo es vom Rechenaufwand her Sinn macht, das auf dem Server berechnen zu lassen. Es gibt ja z.B. auch Excel als Web-Version, wo alle Berechnungen in Browser gemacht werden. Das läuft trotzdem schnell. Oder vielleicht kennst du auch "Scratch". Das ist eine Programmierumgebung, mit der Kinder programmieren lernen können. Das läuft komplett in JavaScript und es gibt manche, die damit einfache 3D-Spiele bauen

regex9

29.07.2022, 14:03

@daCypher

Ein Beispiel wäre eine Volltextsuche, die auch alle Subseiten mit berücksichtigt.

daCypher

29.07.2022, 14:23

@regex9

Ich meinte jetzt eigentlich Dinge, die rein vom Rechenaufwand zu aufwändig wären. Bei einer Volltextsuche über mehrere Seiten fehlen dem Client natürlich die Daten. Das Gleiche gilt auch z.B. für Tabellen, wo die Daten aus einer Datenbank geladen werden. Da macht es Sinn, die Daten per Ajax nachzuladen.

Ich habe folgende Aufgabe bekommen:

Finden Sieh heraus, wie Sie ein Formular via AJAX (jQuery) (asynchronen Datenübertragung zwischen einem Browser und dem Server) absenden, und die Antwort auswerten.

Zusätzlich: PHP Soll alle Daten im modernen Json Format liefern.

Ich würde mich freuen wenn mich jemand dabei Unterstützen kann ich habe noch nie mit JQUERY oder Json gearbeitet. Vielleicht kann es mir wer erklären und zusammen bearbeiten. Würde mich freuen

...zur Frage

Wie kann ich das Jquery Ajax Object auslesen?

Hallo,

ich verschicke ein Formular via Ajax und Jquery.

var xhr = $.ajax({ ... });

Wenn ich mir xhr mit console.log ausgebe, habe ich das Ergebniss aus den beigefügten Screenshots.

console.log( xhr ); gibt ein Object zurück ( readyState: 1 ) Öffne ich das Object, sieht man die Infos, an die ich ran möchte.

console.log( xhr.responseText ); ist aber undefiniert.

Kann mir jemand sagen, wie ich an die Inhalte des Objekts komme?

...zur Frage

Braucht man SSH um Node JS apps zu Deployen?

Meine index.js :

const app = require("express")();
const http = require("http").Server(app);
const io = require("socket.io")(http);

http.listen(3000,()=>{
    console.log("working")
})
app.get('/index.html', (req, res) => {
    res.send('<h1>Hello world</h1>');
  });

Lokal funktioniert das, wenn ich localhost:3000/index.html

aufrufe erscheint ein Hello World,

aber wenn ich das ganze über FTP hochlade und url/index.html aufrufe :

Leere Html Seite und Konsole Error :

index.js:1 Uncaught ReferenceError: require is not defined

Also hat der Server garkein Node JS.

SSH hab ich aber garnicht, um dann mit irgendwelchen Ubuntu Commands das zu installieren, sudo apt install nodejs ...

Sry wenn es eine Dumme Frage ist aber ich hab bis jetzt nur Serverseitig Php gemacht und das ist sehr simple.

Man benutzt Fetch oder Ajax und im php skript echo "hello world"; und das wars.

Wollte mich an Node JS Ranwagen, das ganze ist aber viel komplexer.

(Bin bei All inkl)

...zur Frage

Wie kann ich eine JavaScript-Variable via AJAX an PHP übergeben?

Hallo liebe Community,

ich möchte in JavaScript einen Text anhand von Eingaben eines Users zusammenbauen, was auch reibungslos funktioniert.

Da ich noch nie zuvor wirklich mit PHP gearbeitet habe, da ich bisher keinen Server benötigt habe, weiß ich leider nicht genau, wie man mit AJAX einen String bzw. den Text an PHP übergibt, um es dann als E-Mail mit der mail-Funktion von PHP weiterzuleiten.

Bevor ich hier Antworten erhalte, ob ich nicht wüsste, was PHP ist: Doch dies weiß ich und möchte wirklich nur wissen, wie genau ich den AJAX-Request erstellen muss, um diese Variable an PHP zu versenden. Wenn dies geschehen ist, muss allerdings auch PHP darauf reagieren. Wie stelle ich das an?

...zur Frage

Kanal, Nicknames, Rollen löschen Discord Bot?

Hey,
mein Server wurde genuked. Nun wollte ich wieder alles aufräumen jedoch keine Lust über 100 Channels manuell zu löschen, über 100 Nicknames manuell zurückzusetzen und über 100 Rollen manuell zu löschen...

Kennt jemand vlt. ein Bot der sowas kann/macht?

Danke im Voraus!

...zur Frage

JavaScript Hintergrundprozess laufen lassen?

Ich möchte eine JavaScript Aufgabe asynchron im Hintergrund laufen lassen, die vom Client gesteuert wird.

Normalerweise wird eine asynchrone Aufgabe ausgeführt und gibt eine Antwort zurück.

Ich allerdings möchte den Hintergrundprozess laufen lassen und immer wieder Antworten bekommen.

In meinem Beispiel ist es Puppeteer, eine Alternative für Selenium.

Auf der Website läuft der Puppeteer Browser auf dem Server. Clientseitig soll dieser Hintergrundprozess gesteurt werden, zum Beispiel klickt der Client einen Button, der im Puppeteer Browser auf dem server etwas auslöst.

Wie kann ich so einen Hintergrundprozess, Puppeteer, laufen lassen?

Ich bin es gewohnt, nur sowas wie API-Endpunkte zu benutzen, also eine Anfrage wird gesendet, die Aufgabe wird ausgeführt und eine Antwort kommt zurück.

...zur Frage

Was sind statische und dynamische Funktionen einer Website?

Hallo,

ich arbeite gerade an einer Fallstudie und komme bei diesem Punkt nicht weiter:

"Gib eine Empfehlung, welche Funktionen / Darstellungen für die Website im neuen Bestellprozess statisch und welche dynamisch (Server-seitig, Client-seitig) umgesetzt werden sollen und welche Markup-, Skript- und/oder Programmiersprachen hierzu jeweils genutzt werden sollen. "

Kann mir jemand diese Aufgabe erläutern?

Danke vorab! :)

...zur Frage

Python Skript nonstop auf Server laufen lassen?

Ich möchte ein kleines Pythonskript die ganze Zeit(so für 24h bis 48h) laufen lassen. Allerdings möchte ich für die Zeit nicht meinen Computer anlassen.

Gibt es eine relativ easy und kostenlose Möglichkeit das Skript auf irgendeinem Server laufen zu lassen? Müssen ja auch nur 2 Tage sein.

Danke für jede Antwort!

...zur Frage

Mail via PHP Mailer versenden?

Moin,

ich wollte gerne eine mail über web.de versenden und bekomme nun folgende Fehlermeldung und finde keine Lösung :

2023-05-08 19:51:49 SERVER -> CLIENT: 220 web.de (mrweb006) Nemesis ESMTP Service ready

2023-05-08 19:51:49 CLIENT -> SERVER: EHLO localhost

2023-05-08 19:51:50 SERVER -> CLIENT: 250-web.de Hello localhost [178.24.229.10]250-8BITMIME250-SIZE 141557760250 STARTTLS

2023-05-08 19:51:50 CLIENT -> SERVER: STARTTLS

2023-05-08 19:51:50 SERVER -> CLIENT: 220 OK

2023-05-08 19:51:50 CLIENT -> SERVER: EHLO localhost

2023-05-08 19:51:50 SERVER -> CLIENT: 250-web.de Hello localhost [178.24.229.10]250-8BITMIME250-AUTH LOGIN PLAIN250 SIZE 141557760

2023-05-08 19:51:50 CLIENT -> SERVER: AUTH LOGIN

2023-05-08 19:51:50 SERVER -> CLIENT: 334 VXNlcm5hbWU6

2023-05-08 19:51:50 CLIENT -> SERVER: [credentials hidden]

2023-05-08 19:51:50 SERVER -> CLIENT: 334 UGFzc3dvcmQ6

2023-05-08 19:51:50 CLIENT -> SERVER: [credentials hidden]

2023-05-08 19:51:50 SERVER -> CLIENT: 535 Authentication credentials invalid

2023-05-08 19:51:50 SMTP ERROR: Password command failed: 535 Authentication credentials invalid

SMTP Error: Could not authenticate.

2023-05-08 19:51:50 CLIENT -> SERVER: QUIT

2023-05-08 19:51:50 SERVER -> CLIENT: 221 web.de Service closing transmission channel

SMTP connect() failed. https://github.com/PHPMailer/PHPMailer/wiki/Troubleshooting

E-Mail konnte nicht gesendet werden. Fehler: SMTP connect() failed. https://github.com/PHPMailer/PHPMailer/wiki/Troubleshooting

Hat jemand eine Idee was ich machen kann? Die LoginDaten meiner Email sind korrekt, die email selber,sowie die Pfade der PHP Dateien sind auch alle korrekt.

...zur Frage

Discord Bot Embeds User und Kanäle Erwähnen?

Mein Code hier:

import discord

intents = discord.Intents.default()
intents.members = True
intents.presences = True

class MyClient(discord.Client):
    async def on_ready(self):
        print("Successfully joined the server!")

    async def on_message(self, message):
        if message.content.lower().startswith("infos"):
            embed1 = discord.Embed(
                title="Informationen",
                description="Beschreibung1",
                color=0x60eb63
            )
            embed1.add_field(
                name="Admins",
                value="@MeinName, @AndererAdmin, @AndererAdmin",
                inline=True
            )
            embed1.add_field(
                name="Kanäle",
                value="#Kanal1,#Kanal2,#Kanal3",
                inline=True
            )
            embed1.set_author(
                name="Die Administratoren",
                icon_url="https://cdn3.emoji.gg/emojis/7609-admin.png"
            )
            await message.channel.send(embed=embed1)

client = MyClient(intents=intents)
client.run(token)

Jetzt wollte ich dass die Users in Feld1 und die Kanäle in Feld2 erwähnt werden, momentan wird eben einfach nur der Text angezeigt.

...zur Frage

JQuery Bei Scrollen Datensätze nachladen

Hallol, ich möchte gerne Datensätze in einem DIV mit overflow: auto und einer festen Höhe nachladen über AJAX. Bisher ist es mit dem nachfolgenden Code so, dass nur nachgeladen wird wenn man auf der Seite nach unten scrollt.

Wie muss man den Code verändern, dass wenn man in dem DIV runterscrollt, die Datensätzte geladen werden?

    $(document).ready(function() {
    start = 0;
    count = 5;
    for (var i = 0; i < 1; i++){
        loadcontent(); 
    }
});
 
function loadcontent() {
    $("div.loader").show();    
     
    $.ajax({
        type: 'get',
        url: '/includes/ajax.php',
        async: false,
        data: { start : start, count : count },
        success: function (html){
            if(html){
                $('.container').append(html);
                start = start + 5;
            }else{
                $('.end').html('<p>Keine weiteren Posts!</p>');
            }
        }
         
    }) 
 
    $("div.loader").fadeOut('normal');     
}
 
$(window).scroll(function(){
    if ($(window).scrollTop() == $(document).height() - $(window).height()){       
            loadcontent();         
    }
});

Vielen Dank.

...zur Frage

Wie sende ich Variablen von JavaScript nach Flask via jQuery?

Hallo,

ich bin in JavaScript/jQuery und auch Python/Flask noch ein ziemlicher Anfänger. Ich versuche gerade, einfach nur ein JSON-Objekt aus JavaScript in einem HTML-Template mit Flask anzuzeigen.

Hier mein Code:

Flask:

from flask import Flask,request, render_template

app = Flask(__name__)

@app.route("/")
def rofl():
  return render_template("test.html")

@app.route("/test", methods=['POST'])
def test():
  Namensliste = request.get_json(True)
  print(Namensliste)
  return render_template("rofl.html", Namensliste=Namensliste)

if __name__ == '__main__':
  app.run(port=5200)

test.html:

<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <form action="#" method="post">
    <button type="button" onclick="JSONTest()"> Send UserInfo</button>
  </form>
</body>

rofl.html:

<head>
  <meta charset="UTF-8">
  <title>Titel</title>
</head>
<body>
  NamensListe: {{Namensliste}}
</body>

JavaScript-Datei:

var myJason = {
  "name1" : "Jens",
  "name2" : "Josef",
  "name3" : "Johannes"
}

function JSONTest() {
  var MyJason= JSON.stringify(myJason);
  console.log(MyJason)
  $.ajax({
    type: 'POST',
    url: '/test',
    data: MyJason,
    success: function(data) {
      console.log(data, "Rückmeldung1");
  }});
}

Wie mein Code eigentlich funktionieren soll ist: Ich rufe die Route "/" auf, drücke auf den Button: "JSONTest()" und meine Funktion sendet via jQuery mein JSON-Objekt an "/test". Dort wird das Objekt in Namensliste gespeichert und rofl.html mit der Namensliste darin aufgerufen.

Ich weiß, dass hier wahrscheinlich viele Grundlagenfehler drin sind, aber ich habe wirklich ewig lang gegooglet und finde einfach nicht, wie man es richtig macht.

Danke schon einmal für jede Idee.

...zur Frage

jquery function ausführen beim klick auf den eine oder den anderen button?

hallo, ich habe eine jquery function und möchte, dass sie beim klicken auf den eine button und beim klicken auf den anderen button ausgeführt wird.

skript:

$(document).ready(function() {
                $(".kommentarabschicken").click(function(){
                        if($(".kommentareingabe").val() != "") {

                            $.ajax({
                                type: "POST",
                                url: "kommentare.php",
                                data: "kommentareingabe=" + $(".kommentareingabe").val(),
                                cache: false,
                                success: function(html){
                                        $(".scroll").html(html);
                                        $(".kommentareingabe").val();
                                }
                                });
                        }
                        return false;
                    });
                });

jetzt wird sie ausgefürt bei klicken auf kommentarabschicken. Sie soll auch ausgeführt werden, wen man auch kommentaroeffnen klickt. (evtl. wenn die Seite geladen wird)

Vielen Dank im Vorraus!!

...zur Frage

Ist es möglich daten vom FTP-Server auch an den Clienten zu senden?

Hallo,

ich übermittle derzeit via FTP-Server eine datei von einem Linux Server, dass dafür ein Bash-Skript ausführt an einen Windows Server, wo auch der FTP läuft. Nun möchte ich aber auch daten an den Linux Server zurück senden. Geht das Irgendwie auch über die Umkehrrichtung über FTP?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen