我正在用Electron开发信息亭应用程序。目前,我一直坚持使用本地Javascript代码(否JQuery )向服务器发出AJAX请求。每次我提出AJAX请求时,它总是返回原始PHP代码。这是我的项目目录:
SelfService
|- script
|- login.js
|- lib
|- userAuth.php
|- node_modules
|- index.html
|- index.js
|- package.json
|- package-lock.json
在我的JavaScript中,我尝试将“ Content-Type”设置为“ application / json”,或者在网络上按照AJAX请求的另一个示例,将其设置为“ application / x-www-form-urlencoded”在发送XMLHttpRequest之前,但它们仍然返回了原始PHP代码。
对于服务器端,我已经将标头设置为“ Content-Type:application / json”,并使用json_encode作为结果。
在旁注:我将Electron安装在与Web服务器不同的驱动器上。我在(C:\wamp)
驱动器上安装了Electron时,在默认位置D:
上安装了WAMP(我想知道这是否真的很重要)
index.html:
<body>
<input type="text" id="input_id" value="" />
<button onclick="authenticateID();">Click to authenticate ID</button>
<div id="response"></div>
</body>
/script/login.js:
function authenticateID () {
var xhr = new XMLHttpRequest();
var url = 'lib/userAuth.php'
var params = 'id=' + document.getElementById('input_id').value;
xhr.open('POST', url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
// xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
xhr.onload = function () {
if (this.readyState == 4 && this.status == 200) {
var xhrResult = JSON.parse(xhr.responseText);
var responseContainer = document.getElementById(response);
responseContainer.innerHTML = xhrResult.isValidID;
}
}
xhr.onerror = function () { alert('Something went wrong') }
xhr.send(params);
}
/lib/userAuth.php:
<?php
header('Content-Type: application/json');
$result['isValidID'] = (!empty($_POST['id'])) ? '1' : '0';
echo json_encode($result);
?>
如果用户在文本框中输入ID,我希望输出为“ 1”或“ 0”,但是当我显示带有alert(xhr.responseText)
的xhr.responseText时,它返回了整个原始PHP lib/userAuth.php
编辑:现在,这是我犯的一个大错误。尽管Electron具有某种可以处理PHP文件的内置Web服务器,但是我将PHP文件放在了项目文件夹中,该文件夹与Web服务器的位置不同。现在,我已将PHP脚本分离到Web服务器中,该如何在var url = 'lib/userAuth.php'
中设置URL?我尝试了localhost/SelfService/lib/userAuth.php
,但在错误日志中却写着ERR:FILE_NOT_FOUND
答案 0 :(得分:1)
服务器返回PHP代码的唯一原因是服务器配置不正确。检查您的服务器文件是否位于localhost服务器文件夹中。