Bagaimana untuk melaksanakan js memanggil fail php-masalah PHP-php.cn

Bagaimana untuk melaksanakan js memanggil fail php

PHPz

Lepaskan： 2023-04-19 09:25:50

asal

1663 orang telah melayarinya

Dengan pembangunan berterusan teknologi Internet, semakin banyak tapak web perlu melaksanakan JavaScript untuk memanggil fail PHP untuk mencapai interaksi data bahagian hadapan dan belakang. Artikel ini akan memperkenalkan cara melaksanakan JS untuk memanggil fail PHP.

1. JS memanggil fail PHP

JS memanggil fail PHP terutamanya melalui teknologi Ajax. Ajax (Asynchronous JavaScript And XML) ialah teknologi pembangunan untuk aplikasi Web yang menggunakan mekanisme tak segerak untuk menyegarkan halaman secara tidak segerak dan meningkatkan pengalaman pengguna. Untuk memanggil fail PHP dalam JS, anda perlu menggunakan objek XMLHttpRequest.

2. Objek XMLHttpRequest

Objek XMLHttpRequest ialah objek terbina dalam JavaScript, yang melaluinya komunikasi tak segerak dengan pelayan boleh dicapai. Objek XMLHttpRequest mempunyai atribut dan kaedah berikut:

1.open(): Buat permintaan HTTP baharu dan nyatakan kaedah permintaan, alamat URL dan sama ada untuk menghantar secara tak segerak.

2.setRequestHeader(): Tetapkan maklumat pengepala permintaan.

3.send(): Hantar permintaan HTTP.

4.onreadystatechange(): Fungsi panggil balik apabila meminta perubahan keadaan.

3. Contoh Demonstrasi

Berikut ialah sekeping kod untuk menunjukkan cara melaksanakan JS memanggil fail PHP:

1 :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JS调用PHP文件</title>
<script type="text/javascript">
function load(){
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange=function(){
    if(xhr.readyState==4 && xhr.status==200){
      document.getElementById("myDiv").innerHTML=xhr.responseText;
    }
  }
  xhr.open("POST","demo.php",true);
  xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xhr.send("name=Peter&age=18");
}
</script>
</head>
<body>

<div id="myDiv"><h1>点击下面的按钮，加载PHP文件内容</h1></div>

<input type="button" value="点击加载PHP文件内容" onclick="load()">
</body>
</html>

Salin selepas log masuk

2 Cipta fail bernama demo.php dalam direktori yang sama:

<?php
$name=$_POST[&#39;name&#39;];
$age=$_POST[&#39;age&#39;];
echo "您好，".$name."，您的年龄是".$age."岁。";
?>

Salin selepas log masuk

3 klik butang, Kandungan dalam fail demo.php boleh dimuatkan. Parameter yang diluluskan diperolehi dalam fail demo.php, kandungan yang sepadan dijana berdasarkan parameter, dan output melalui pernyataan gema.

4. Nota

1 Semasa menulis fail PHP, anda perlu menggunakan pernyataan gema untuk mengeluarkan kandungan yang dijana supaya JS boleh mendapatkan data.

2. Apabila memanggil fail PHP dalam JS, anda perlu menentukan kaedah permintaan (GET atau POST), alamat URL, parameter yang diluluskan dan maklumat lain.

3. Dalam fail PHP, anda perlu menggunakan $_POST, $_GET dan pembolehubah lain untuk mendapatkan nilai parameter yang diluluskan oleh JS.

4. Apabila memanggil fail PHP, anda perlu menunggu respons pelayan, jadi anda perlu menentukan fungsi panggil balik dalam JS untuk menerima hasil pemprosesan selepas respons pelayan.

5. Ringkasan

Melalui pengenalan artikel ini, kami telah mempelajari cara melaksanakan JS untuk memanggil fail PHP, terutamanya melalui teknologi Ajax. Semasa proses pelaksanaan, anda perlu memberi perhatian kepada butiran seperti bentuk parameter lulus, cara menulis fail PHP, dan pelaksanaan fungsi panggil balik. Untuk tapak web yang perlu merealisasikan interaksi data bahagian hadapan dan belakang, kaedah ini boleh meningkatkan kelajuan tindak balas halaman dan meningkatkan pengalaman pengguna.

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan js memanggil fail php. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!