在前端開發(fā)中，我們經(jīng)常需要使用到PHP來進(jìn)行后臺開發(fā)。而使用JavaScript來在前端直接操作PHP的程序，則是成為我們不可或缺的技能。下面，我們就來看一下在JS中怎樣寫PHP代碼。
第一種方式是使用Ajax技術(shù)。Ajax是一種在無需頁面刷新的情況下實現(xiàn)異步請求的技術(shù)。同時，我們可以使用Ajax來在JS中直接調(diào)用PHP文件：
//test.php
<?php
echo "Hello World!";
?>//-------------------
//test.html
<!DOCTYPE html><html><head><title>Ajax Demo</title></head><body><button onclick="loadDoc()">點擊獲取數(shù)據(jù)</button><p id="demo"></p><script>function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "test.php", true);
xhttp.send();
}
</script></body></html>我們可以看到，在JS的文件中使用了XMLHttpRequest對象，通過該對象來進(jìn)行異步請求，請求到的結(jié)果就是PHP文件中的“Hello World!”。
第二種方式則是使用PHP的擴(kuò)展，將PHP函數(shù)集成到JS中。比如，我們在JS中引入了一個PHP擴(kuò)展文件，“example.php”，然后我們就可以在JS中使用該擴(kuò)展中的函數(shù)：//example.php
<?php
function test(){
echo "Hello World!";
}
?>//-------------------
//test.html
<!DOCTYPE html><html><head><title>PHP Extension Demo</title></head><body><p id="demo"></p><script src="example.php"></script><script>document.getElementById("demo").innerHTML = test();
</script></body></html>我們可以看到，在JS的文件中引入了PHP文件“example.php”，并通過該文件中的test函數(shù)直接輸出了“Hello World!”。
以上就是在JS中寫PHP代碼的兩種方式，通過Ajax和PHP擴(kuò)展，讓我們實現(xiàn)了在前端直接操作PHP語言的功能。上一篇js中寫php
下一篇bcmod php安裝