近年來,隨著網(wǎng)站的復雜程度不斷提高,前端技術的重要性也越來越凸顯。其中,JavaScript和PHP是不可或缺的兩個環(huán)節(jié)。當我們使用PHP進行后端開發(fā)時,時常需要通過JavaScript獲取PHP返回的值。那么,本文將介紹如何使用JavaScript獲取PHP返回值,并列舉幾個具體的例子。
在JS中獲取PHP的返回值,最常用的方法是通過Ajax進行異步傳輸。通過Ajax,我們可以在前端直接與后臺進行交互,獲取需要的數(shù)據(jù)。下面是通過Ajax獲取PHP返回值的示例代碼:
var xmlhttp;
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執(zhí)行代碼
xmlhttp = new XMLHttpRequest();
} else {
// IE6, IE5 瀏覽器執(zhí)行代碼
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","test.php",true);
xmlhttp.send();
上述代碼中,我們通過XMLHttpRequest對象創(chuàng)建了一個異步請求,將test.php文件中返回的數(shù)據(jù)置于id為“demo”的元素中。當然,我們也可以將返回的數(shù)據(jù)賦予一個變量,方便隨后的操作:var xmlhttp;
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執(zhí)行代碼
xmlhttp = new XMLHttpRequest();
} else {
// IE6, IE5 瀏覽器執(zhí)行代碼
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var myObj = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myObj.name;
}
};
xmlhttp.open("GET","test.php",true);
xmlhttp.send();
上述代碼中,我們通過JSON.parse()方法將返回的數(shù)據(jù)轉化為JSON格式,然后將其儲存到一個名為“myObj”的變量中,并將其name屬性傳給id為“demo”的元素。
另外,如果你需要傳遞一些參數(shù)給PHP,那么以下代碼將是比較常見的一種做法:var xmlhttp;
var myObj;
var url = "gethint.php?q=" + str;
xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function() {
if (this.readyState==4 && this.status==200) {
myObj = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML=myObj.name;
}
};
xmlhttp.open("GET",url,true);
xmlhttp.send();
上述代碼中,我們用變量str來儲存參數(shù),然后通過url將str傳給gethint.php文件,最后將返回的數(shù)據(jù)放在id為“demo”的元素中。這里的url有點類似于Python中的字符串插值,是一種比較方便的方式。
以上便是JavaScript獲取PHP返回值的一些常見做法和示例代碼,大家可以根據(jù)自己的實際情況和需求進行靈活運用。下一篇js打開php