PHP Funktion aufrufen?

Ich habe eine PHP Funktion in einer anderen ausgelagerten Datei und möchte diese jetzt in einer JavaScript Funktion aufrufen siehe Quellcode:

was mache ich falsch und bitte mit Lösungsvorschlägen


function PersonXSenden()
{
   InhaltPersonX = document.getElementById("X").value;
   console.log(InhaltPersonX);
   document.cookie = "XCookie = " + InhaltPersonX;
   test3();

   <?php
       include "Chat2.php";
       test();
   ?>
}

20.01.2023, 08:52

ignoriert das test3(); das hat nix zusagen und soll da eigentlich nicht aber frage bleibt die gleiche. Fehlermeldung ist:

Uncaught SyntaxError: Unexpected token '<' (at Chat1.php:87:17)

2 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

alexthenr14

20.01.2023, 13:01

Man schreibt nicht einfach so den PHP code in javascript rein😑
Man kann in Javascript keinen PHP Code reinschreiben, umgekehrt schon, da wird der JavaSccript Code mit echo ausgegeben, auch eine ungewöhnliche methode.

Ein Beispiel dafür, wie man eine JavaScript-Funktion in PHP aufrufen kann, wäre folgendermaßen:

Erstellen Sie eine JavaScript-Funktion, die eine Variable namens "var1" enthält und diese an ein PHP-Skript überträgt.

function sendToPHP() {

var var1 = "Hallo Welt";

$.post("script.php", {data: var1});

}

Erstellen Sie ein PHP-Skript namens "script.php", in dem die Variable "var1" empfangen und in eine PHP-Funktion übergeben wird.

<?php

$var1 = $_POST['data'];

myPHPFunction($var1);

function myPHPFunction($var) {

echo "Die übergebene Variable ist: " . $var;

}

?>

Rufen Sie die JavaScript-Funktion "sendToPHP" auf, um die Variable an das PHP-Skript zu übertragen und die PHP-Funktion "myPHPFunction" aufzurufen.

<button onclick="sendToPHP()">Send to PHP</button>

Babelfish

20.01.2023, 14:52

$.post ist jQuery und kein reines/vanilla Javascript.

Babelfish

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

JavaScript, PHP, Webentwicklung

20.01.2023, 09:25

Schau dir einfach mal dein Quellcode im Browser an, was dann in deiner Javascript-Funktion drin steht. Vermutlich gibt dein Chat2.php irgendwelches HTML aus.

PHP wird auf dem Server ausgeführt und an den Browser wird dann nur die Ausgabe vom Script gesendet. PHP wird also lange vor deinem Javascript ausgeführt und du kannst in Javascript (Browser) keine PHP-Funktion (Server) aufrufen.

Du kannst aber in PHP auch Javascript generieren, was dann wiederum auf dem Server ausgeführt wird:

<?php
  $foo = 'Hello, World!';

  echo '<script>alert("'.$foo.'");</script>';
?>

Im HTML steht dann:

<script>alert("Hello, World!");</script>

So kannst du auch bestimmte Daten austauschen.

Woher ich das weiß:Berufserfahrung – Entwickle Webseiten seit über 25 Jahren.

Lenzer66u

Fragesteller

20.01.2023, 09:52

mein Problem ist das der Quellcode den PHP Teil nicht akzeptiert


 function PersonXSenden()
 {
   InhaltPersonX = document.getElementById("X").value;
   console.log(InhaltPersonX);
   document.cookie = "XCookie = " + InhaltPersonX;

   <?php
      $myfile = fopen("ChatDatei.txt", "a") or die("Fehler");
                    
      $InhaltX = array();
      $test = $_COOKIE['XCookie'];

       array_push($InhaltX,$test);
       fwrite($myfile, "PersonX: " . $InhaltX[0] . "\n");
    ?>
 }

Fehlermeldung:

Uncaught SyntaxError: Unexpected token '<' (at Chat1.php:86:17)

Babelfish

20.01.2023, 10:15

@Lenzer66u

Noch mal, du kannst in einer Javascript-Funktion keinen PHP-Code ausführen. PHP-Code wird auf dem Webserver ausgeführt, das Ergebnis wird dann zum Browser gesendet, dieser verarbeitet das HTML und führt dann ggf. Javascript aus. PHP gibt es da nicht mehr.

Wenn du Daten vom Client an den Server senden willst, dann mach das am besten über einen Fetch-Request in Javascript.

Hier ein einfaches Beispiel:

Javascript

fetch("/chat.php", {
	method: "POST",
	headers: {"Content-Type" : "application/json"},
	body: JSON.stringify({
		action: "add",
		line: "Neue Chat-Nachricht.",
		user: "Horst",
	}),
})
.then(response => response.json())
.then(result => {
	if (result.status == "success") {
		console.log(":-)")
	} else {
		alert(result.message);
	}
})
.catch(error => {
	console.error(error);
});

PHP

<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST' && $_SERVER['CONTENT_TYPE'] == 'application/json') {
	$request = json_decode(file_get_contents("php://input"));
	
	if ($request->action == 'add') {
		$myfile = fopen("ChatDatei.txt", "a") or die("Fehler");
						
		fwrite($myfile, $request->user.": " .$request->line. "\n");
		
		die(json_encode((object)['status' => 'success']));
	}
	
	die(json_encode((object)['status' => 'error', 'message' => 'Ein Fehler ist aufgetreten']));
}

Ungetestet aber sollte vom Prinzip funktionieren.

elmex7

20.01.2023, 14:49

@Lenzer66u

Du hast nur einen Teil des Codes gepostet. Das sind keine 86 Zeilen, wie die Fehlermeldung sagt.

Ähnliche Fragen

Php function von HTML aufrufen?

Ich will mit js in einer js function eine php function aus einer php file ausführen die mit Parameter aus der html Daten an meine Datenbank verschickt

...zur Frage

JavaScript interval mehrmals aufrufen?

Hallo, ich habe das Problem, dass ich ein Interval mehrmals aufrufen möchte.

Jedoch kann ich immer nur eines abbrechen.

Ich hätte das Abbrechen so versucht:

clearInterval(interval + thema);

Funktioniert leider nicht.

                var zahl = 0;
                var intervalphp = setInterval(erhoeheZahl, 100, 90, 'php');
                var intervalcss = setInterval(erhoeheZahl, 100, 100, 'css');


                function erhoeheZahl(max, kreis, thema) {
                    zahl++;
                    console.log(zahl);
                    document.getElementById(kreis).innerHTML = zahl;
                    document.getElementById(kreis + 'kreis').style.background = `conic-gradient(#712e1e ${zahl * 3.6}deg, #ffd5af 0deg)`;


                    if (zahl >= max) {
                        clearInterval(interval + thema);
                    }
                }

Danke im voraus!

...zur Frage

Javascript Ajax Php kein Wert?

Console:

HTML javascript Code ajax:

function send(text){
   console.log("Text kurz vor versenden:\n" +text);
//hier hat er noch einen wert
   $.ajax({
     method: "POST",
     url: "DataSender.php",
     data: { text: text}
   }).done(function( response ) {
       console.log(response);
     console.log("weiterleitung

Php Code Ajax Übertragung wo es nicht geht:

      $text = $_POST['text'];
      $sql = "INSERT INTO `Xss-Data` (`ID`,`DATA`, `created_at`) VALUES (null, '{$text}' , CURRENT_TIMESTAMP)";

      if (empty($text)) {
              //das ist empty!
              echo("Error:\nEs ist leer\nText wäre\n$text");
          } else

Sind die wichtigen Code snippets

Der String hat keinen Wert. Warum? Wie löst man das?

...zur Frage

C-Knopf im Taschenrechner programmieren?

Ich habe vor, einen Taschenrechner in HTML und JS zu coden, aber ich weiß nicht, wie ich diesen Knopf, der alles löscht in eine Funktion packen kann.

So habe ich es bisher versucht, aber es funktioniert nicht:

function deleteAll() {
  let container = document.getElementById("resultarea");
  let remove = clrs(container.innerHTML);
  container.innerHTML = remove;
}

...zur Frage

JavaScript, wofür steht in function(e) das e?

Hallo, ich lerne aktuell JS und habefolgendes Beispiel (siehe unten). Ich frage mich, wieso Lehrbücher in anonymen Funktionen solche Buchstaben als Parameter einbauen. Das e steht hier glaube ich für "Event", aber es ändert ja nichts an der Funktionsweise, wenn ich die Klammern leer stehen lasse, korrekt? Ich würde gerne verstehen, welche Vorteile sich für den Programmierer hier bieten. Am Anfang und auch jetzt fand ich es verwirrend, weil der Buchstabe ja nur symbolische Funktion zu haben scheint. Deswegen frage ich mich auch oft "Sollte ich das genauso handhaben oder eher weglassen". Dass es um ein Event geht, sieht man ja schon daran, dass Event-Listener und das Event change eingesetzt wird.



const checkbox = document.getElementById("remember");

checkbox.addEventListener(
    "change",                               
    function(e) {                           
        console.log(checkbox.value);        
        console.log(checkbox.checked);      
    }                 
);

...zur Frage

Warum wird meine Seite nicht aktualisiert?

Hallo,

ich wollte machen, dass, wenn ich in Python etwas sage, ein Div im HTML eingefügt wird. Das funktioniert auch ganz gut, aber, da ich kein Websockets verwende, muss ich die Seite immer manuell aktualisieren, wenn der Div eingefügt wurde, damit es ihn auch anzeigt. Diese Funktion wollte ich automatisieren, doch es funktioniert nicht, wieso?

// FLASK
function detectWakeWord() {
    var detectedWord = 'luna'; 
    
    if (detectedWord === 'luna') {
        if (!document.getElementById('luna_wake_word')) {
            var div = document.createElement('div');
            div.id = 'luna_wake_word';
            document.body.appendChild(div);
            showWakeWord();
            
            setTimeout(function() { 
                location.reload(); 
            }, 1000); 
        }
    }
}

detectWakeWord();

Freundliche Grüsse

...zur Frage

JavaScript, wie muss ich die Arrow-Funktion in diesem Kontext lesen?

Hallo Leute, ich habe hier ein Beispiel vor mir, das mich etwas verwirrt. Ich lerne gerade JavaScript und bin ehrlich gesagt bisher überhaupt kein Freund der Arrow-Funktion, weil ich die Schreibweise hässlich und unlesbar finde, aber da einige sie scheinbar gerne verwenden, muss ich sie mir wohl mal aneignen.

Was ich aus reiner Logik nicht nachvollziehbar finde: Wieso genau kommt nach => eine geöffnete geschweifte Klammer vor if?

Folgendes Beispiel:

function init() {
    window.addEventListener("keydown", (userInteraction) => {
      if (userInteraction.key !== undefined) {
        console.log(userInteraction.key);
      }

Ich würde das ohne Arrow-Funktion so machen:

function init() {
    window.addEventListener(            
        "keydown",                      //Name des Events
        userInteraction                 
    );
    if ( userInteraction.key !== undefined) {
        console.log(userInteraction.key);
    }
}

...zur Frage

Require is not defined Java Script PHP?

Quellcode:

<!doctype html>
<title>Beispiel</title>


<?php $erg = file_get_contents('test.txt'); ?>
    <script>
   const {readFileSync, promises: fsPromises} = require('fs');


filename = "test.txt"


result = readFileSync(filename, 'utf-8');
console.log(result);
</script>

Warum kommt im Browser immer Uncaught ReferenceError: require is not defined

...zur Frage

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

...zur Frage

Was mache ich falsch JavaScript?

Ich habe eine Datei mit allein zahlen von 1-100 in einem Array und will nur die letzten 20 es kommt aber immer ein Fehler.

Quellcode:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script>

window.setInterval("AutoUpdate()",parseInt(2000));  

function AutoUpdate()
{      
        $.ajaxSetup({ cache: false });
        $.get('LetzteZeilen.txt', function(data) 
        {   
            data = data.replace(/\n/g, "</br>");
            LetzteZeilen(data);
            if (data == 1) 
            {
                location.reload();
            }
        });     
}

function LetzteZeilen(data)
{
    Test = new Array();
    DataSplit = data.split("</br>");


    LetzteZeilen = 20;
    Laenge = DataSplit.length;
    NichtGewollteZeilen = (Laenge-LetzteZeilen);
    i = 0;
    x = 0;
    
    while (i < Laenge) 
    {
        if(i < NichtGewollteZeilen)
        {
            i++;
        }
        else
        {
            Test[x] = DataSplit[i];
            i++;
            x++;
        }
    }

    console.log(Test);
}
</script>

Fehler:
Uncaught TypeError: LetzteZeilen is not a function
    at Object.success (LetzteZeilenTest.php:16:13)
    at j (jquery.min.js:2:26911)
    at Object.fireWith [as resolveWith] (jquery.min.js:2:27724)
    at x (jquery.min.js:4:11065)

...zur Frage

Arduino Daten an HTML-Seite?

Ich habe gerade ein Projekt, indem ich versuche Daten vom Arduino auf eine HTML-Seite zu übertragen. Dabei benutze ich node.js.

Jedoch bin ich noch relativ neu in dem Thema und kenne mich nicht so gut mit Servern und node aus.

Im Moment erhalte ich ständig die Fehlermeldung: Server is not a consructor (const io = new Server('COM3'))

Quelltext aus app.js:

var http = require("http");
var fs = require("fs");
var index = fs.readFileSync("index.html");


var SerialPort = require("serialport");
const parsers = SerialPort.parsers;


const parser = new parsers.Readline({
  delimiter: "\r\n",
});


var port = new SerialPort("COM3", {
  baudRate: 9600,
  dataBits: 8,
  parity: "none",
  stopBits: 1,
  flowControl: false,
});


port.pipe(parser);


var app = http.createServer(function (req, res) {
  res.writeHead(200, {"Content-Type": "text/html"});
  res.end(index);
});


const Server = require('socket.io');
const io = new Server('COM3');


io.on("connection", function (socket) {
  console.log("Node is listening to port");
});


parser.on("data", function (data) {
  console.log("Received data from port: " + data);
  io.emit("data", data);
});

app.listen(3000);

Quelltext aus index.html:

<!doctype html>
<html>
    <head>
        <title>Test</title>


        <script src="https://cdn.socket.io/4.7.5/socket.io.min.js"></script>


    </head>
    <body>


        <h1> Communicating between an arduino and a html website</h1>


        <div id='sample'></div>


        <script>
            
            var socket = io();
            socket.on('data',function(data){
                console.log(data);
                document.getElementById('sample').innerHTML = data;
            });
            
        </script>
        
    </body>
</html>

...zur Frage

wie kann ich in javaScript eine Funktion mit einem Tastendruck aufrufen?

Hi Leute,

ich programmiere einen Taschenrechner und möchte dafür eine funktion über die Tastatur aufrufen können. Also wenn ich zum Beispiel eine 2 drück, soll die function calculate(2); aufgerufen weden. Im internet habe ich viele Ergebnisse gefunden, die mich verwirrt haben.

Vielen Dank im Voraus😉

...zur Frage

Javascript funktion um gewisse Uhrzeit, setinterval Ressourcen Belastung?

Hallo zusammen

Ich bräuchte eine function, welche immer um die gleiche Uhrzeit, jeden Tags ausgeführt wird. Jeden Tag um 23:59

Nun habe ich eine setInterval function welche jede sekunde ausgeführt wird. wenn die aktuelle uhrzeit 23:59:0 betrifft, wird die eigentliche function ausgeführt.

Meine Frage: Ist das sehr ressourcen verbrauchend, da jede sekunde abgefragt wird?

function tick() {
  //get the mins of the current time
  var mins = new Date().getMinutes();
  var sec = new Date().getSeconds();
  var hours = new Date().getHours();
  var time_stamp = "23:59:0";
  var time_stamp = "15:20:0";
  var current_time = hours + ":" + mins + ":" + sec;
  
  if (current_time == time_stamp) {
    alert('Do stuff');
  }
  console.log('Tick ' + hours + ":" + mins + ":" + sec);
}


setInterval(tick, 1000);

...zur Frage

Wofür wird in JS/TS void benutzt?

Also, es ist soweit ich weiß eine Funktion, die nichts zurückgibt. Aber wofür gibt es so etwas? Ich meine, wenn man nichts zurückgeben will, dann benutzt man halt kein return oder nicht?

Ich bin auch kein Freund davon, so zu programmieren ohne irgendeinen bestimmten Grund, wo das Sinn machen würde.

function favNumber() {
  return 42;
}

console.log(favNumber())

Wenn das gleich drinnen steht, ist es besser.

(() => { console.log(42) })()

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen