Javascript 如何使用fetchapi方法从php文件访问数据?

Javascript 如何使用fetchapi方法从php文件访问数据?,javascript,php,fetch,fetch-api,Javascript,Php,Fetch,Fetch Api,我想在控制台中打印从api获取的数据我的php文件代码是 我的javascript文件代码是 function cities(str){ alert(str); let url = "cities.php"; fetch(url).then( (response)=>{return response; }).then((data)=>{console.log(data);}); } 我使用HTML文件中的onclick属性调用此函数,我希望在控制台上看到He

我想在控制台中打印从api获取的数据
我的php文件代码是

我的javascript文件代码是

function cities(str){
    alert(str);
    let url = "cities.php";
    fetch(url).then( (response)=>{return response; }).then((data)=>{console.log(data);});
}
我使用HTML文件中的onclick属性调用此函数,我希望在控制台上看到
Hello
,但当我更改javascript文件代码时,它会给我输出,如

function cities(str){
    alert(str);
    let url = "cities.php";
    fetch(url).then( (response)=>{return response.text(); }).then((data)=>{console.log(data);});
}
然后在控制台中,它以php文件的整个代码的形式输出第二个代码段(带有
response.text()
)从JavaScript方面来说是正确的

您现在得到的是整个PHP文件,因为您的Web服务器不执行该文件并返回评估结果,而是将其视为普通文件


您现在需要做什么取决于Web服务器(例如,
apache2
nginx
)和希望PHP执行的方式(例如,
CGI
fpm
)。您可以查找
Configure for PHP

我的回答对您有帮助吗?