Wie kann JavaScript PHP-Funktionen aufrufen, ohne die Seite zu aktualisieren?

Aufrufen von PHP-Funktionen aus JavaScript: Eine ausführliche Anleitung

Dieser Artikel befasst sich mit dem Thema des Aufrufs von PHP-Funktionen aus JavaScript, einer häufigen Aufgabe tritt bei der Integration von Webanwendungen auf.

JavaScript Einschränkungen

JavaScript ist im Gegensatz zu PHP eine clientseitige Skriptsprache, die in Webbrowsern ausgeführt wird. Es kann nicht direkt auf serverseitige PHP-Funktionen zugreifen.

Lösung: AJAX-Anfragen

Um diese Lücke zu schließen, können Entwickler AJAX-Anfragen (Asynchronous JavaScript and XML) nutzen. Mit AJAX kann JavaScript HTTP-Anfragen an einen Server senden und asynchron Antworten empfangen, ohne die Seite neu laden zu müssen.

Implementieren von AJAX-Anfragen

Unten finden Sie eine Beispiel-AJAX-Anfrage zum Aufrufen von a PHP-Funktion namens „add“ mit jQuery:

$.ajax({
    type: "POST",
    url: 'your_functions_address.php',
    dataType: 'json',
    data: {functionname: 'add', arguments: [1, 2]},

    success: function (obj, textstatus) {
                  if( !('error' in obj) ) {
                      yourVariable = obj.result;
                  }
                  else {
                      console.log(obj.error);
                  }
            }
});

Serverseitiges PHP Skript

Das Skript „your_functions_address.php“ verarbeitet die AJAX-Anfrage und führt die „Add“-Funktion aus:

header('Content-Type: application/json');

$aResult = array();

if( !isset($_POST['functionname']) ) { $aResult['error'] = 'No function name!'; }

if( !isset($_POST['arguments']) ) { $aResult['error'] = 'No function arguments!'; }

if( !isset($aResult['error']) ) {

    switch($_POST['functionname']) {
        case 'add':
               if( !is_array($_POST['arguments']) || (count($_POST['arguments']) < 2) ) {
                   $aResult['error'] = 'Error in arguments!';
               }
               else {
                   $aResult['result'] = add(floatval($_POST['arguments'][0]), floatval($_POST['arguments'][1]));
               }
               break;

        default:
               $aResult['error'] = 'Not found function '.$_POST['functionname'].'!';
               break;
    }

}

echo json_encode($aResult);

Dieser Ansatz ermöglicht es JavaScript, PHP-Funktionen dynamisch aufzurufen und Daten auszutauschen zwischen clientseitigen und serverseitigen Skripten.

Das obige ist der detaillierte Inhalt vonWie kann JavaScript PHP-Funktionen aufrufen, ohne die Seite zu aktualisieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!