Javascript XHR向php文件发布请求:加载资源失败:服务器响应状态为404(未找到)

Question

我正在尝试将formData发布到php文件中。我一直得到以下错误"；

加载资源失败：服务器响应状态为404(未找到(

index.html文件和test.php文件位于同一目录中。

我已尝试将文件移动到其他文件夹。我试过了。/../http://localhost/...等

javascript

const ctForm = document.getElementById('ctForm');
ctForm.addEventListener('submit', (e)=>{
e.preventDefault();
const data = new FormData(ctForm);
const xhr = new XMLHttpRequest();
xhr.open("POST", "test.php", true);
xhr.send(data);
})

html

<form id="ctForm" class="contact-form">
<label>Your info:</label>
<div class="client-info">
<input type="text" name="firstname" placeholder="first name" required>
<input type="text" name="lastname" placeholder="last name" required>
<input type="e-mail" name="email" placeholder="e-mail" required>
<input type="phone" name="phone" placeholder="phone no" required>
<input type="hidden" name="subject" value="Estimate Request">
<textarea class="message" name="message" placeholder="Message"></textarea> 
<button class="send" type="submit" value="Send">Send</button>
</div>
</form>

test.php

var_dump($_POST);

如果你能帮助，请提前感谢

Answer 1

假设您使用的是localhost，您的URL字符串应该是

CCD_ 1而不是像下面那样仅CCD_。

xhr.open("POST", "http://localhost/{project_folder_name}/test.php");

您可以忽略第三个参数，正如mdn-doc中所述，第三个默认参数是true