Heim  >  Artikel  >  Web-Frontend  >  So weisen Sie PHP einen Javascript-Wert zu

So weisen Sie PHP einen Javascript-Wert zu

王林
王林Original
2023-05-16 11:39:371603Durchsuche

Mit der Entwicklung der Front-End-Technologie wird JavaScript immer häufiger eingesetzt. In Webanwendungen ist es oft notwendig, einige Werte von der Front-End-Seite zur Verarbeitung an das Back-End-PHP zu übergeben, was das Übertragungsproblem zwischen JavaScript-Werten und PHP mit sich bringt. In diesem Artikel werden verschiedene Methoden zum Zuweisen von JavaScript-Werten zu PHP vorgestellt.

1. Verwenden Sie die Formularübermittlung

Die häufigste Methode zur Übergabe von JavaScript-Werten an PHP ist die Formularübermittlung. In JavaScript können wir die Werte von Formularelementen über DOM-Operationen abrufen, diese Werte dann versteckten Eingabeelementen zuweisen und das Formular schließlich zur Verarbeitung an das Back-End-PHP senden. Der Beispielcode lautet wie folgt:

<form action="handle.php" method="post">
  <input type="hidden" name="username" id="username">
  <input type="hidden" name="age" id="age">
  <button type="submit" onclick="submitForm()">提交</button>
</form>

<script>
  function submitForm() {
    var username = document.getElementById("username").value;
    var age = document.getElementById("age").value;
    document.getElementById("username").value = username;
    document.getElementById("age").value = age;
  }
</script>

In diesem Beispiel definieren wir ein Formular mit zwei versteckten Eingabeelementen. Die Werte dieser beiden Elemente sind die in JavaScript erhaltenen Werte für Benutzername und Alter. Wenn Sie auf die Schaltfläche „Senden“ klicken, wird die Funktion „submitForm()“ aufgerufen, die erhaltenen Werte werden den beiden ausgeblendeten Elementen zugewiesen und dann wird das Formular zur Verarbeitung an das Back-End-PHP gesendet.

Bei der Verarbeitung der vom Formular übergebenen Werte können Sie das $_POST-Array in PHP verwenden, um diese Werte abzurufen. Der Beispielcode lautet wie folgt:

$username = $_POST['username'];
$age = $_POST['age'];

2. Verwenden Sie die AJAX-Technologie

Neben der Übergabe von JavaScript-Werten durch Formularübermittlung ist eine weitere gängige Methode die Verwendung der AJAX-Technologie. AJAX kann eine Anfrage an das Backend-PHP senden, ohne die Seite zu aktualisieren, und so JavaScript-Werte zur Verarbeitung an PHP übergeben. Der Beispielcode lautet wie folgt:

<script>
  var username = '张三';
  var age = 18;

  var xhr = new XMLHttpRequest();
  xhr.open('POST', 'handle.php', true);
  xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
  xhr.onreadystatechange = function () {
    if(xhr.readyState == 4 && xhr.status == 200) {
      console.log(xhr.responseText);
    }
  };
  xhr.send('username=' + username + '&age=' + age);
</script>

In diesem Beispiel definieren wir ein JavaScript-Objekt, das zwei Variablen enthält: Benutzername und Alter. Anschließend wird ein XMLHttpRequest-Objekt erstellt und der Anforderungstyp und die Adresse über die Methode open() angegeben. Der Inhaltstyp ist im Anforderungsheader auf application/x-www-form-urlencoded eingestellt. Dies liegt daran, dass wir die POST-Methode verwenden, um die Anforderung an das Back-End-PHP zu senden, und die Daten in das einfügen müssen Anfragetext. Verwenden Sie abschließend die Methode send(), um die Daten zur Verarbeitung an das Backend-PHP zu senden.

In PHP können wir diese Werte über das $_POST-Array abrufen. Der Beispielcode lautet wie folgt:

$username = $_POST['username'];
$age = $_POST['age'];

3. Verwenden Sie Cookies zum Übergeben von

Zusätzlich zur Formularübermittlung und der AJAX-Technologie können Cookies auch zum Übergeben von JavaScript-Werten verwendet werden. Cookies sind ein Mechanismus zum Speichern von Daten auf der Clientseite und zum Weitergeben von Daten zwischen Front-End und Back-End. Der Beispielcode lautet wie folgt:

<script>
  var username = '张三';
  var age = 18;

  document.cookie = 'username=' + username;
  document.cookie = 'age=' + age;
</script>

In diesem Beispiel verwenden wir das document.cookie-Attribut von JavaScript, um den Cookie-Wert festzulegen. Die Möglichkeit, ein Cookie zu setzen, besteht darin, den Wert und den Namen mit einem Gleichheitszeichen zu verbinden und dann mehrere Schlüssel-Wert-Paare durch Semikolons und Leerzeichen zu trennen. In diesem Beispiel legen wir die Werte Benutzername und Alter als Cookie-Werte fest.

In PHP können wir das Array $_COOKIE verwenden, um diese Werte abzurufen. Der Beispielcode lautet wie folgt:

$username = $_COOKIE['username'];
$age = $_COOKIE['age'];

Es ist zu beachten, dass Sie bei der Verwendung von Cookies zur Übergabe von Werten sicherstellen müssen, dass Cookies korrekt zwischen dem Front-End und dem Back-End übergeben werden können. Insbesondere beim Kreuzen von Anforderungen können einige Sicherheitsprobleme auftreten und Sie müssen Cookie-Attribute wie HttpOnly verwenden, um die Sicherheit der Cookie-Übermittlung zu gewährleisten.

Zusammenfassung:

In diesem Artikel werden drei Methoden zum Zuweisen von JavaScript-Werten zu PHP vorgestellt: Formularübermittlung, AJAX-Technologie und Cookie-Übermittlung. In der tatsächlichen Entwicklung können je nach Bedarf unterschiedliche Methoden für die Datenübertragung ausgewählt werden, um eine Front-End- und Back-End-Dateninteraktion zu erreichen.

Das obige ist der detaillierte Inhalt vonSo weisen Sie PHP einen Javascript-Wert zu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn