我的html文件未响应express.js应用程序中的ajax请求

Question

在我的快速应用程序中，我的根文件app.js在“ a”文件夹中呈现a.html，但a.html没有响应任何用ajax.js编写的ajax代码。 我在下面显示了这些文件-

app.js

 var express = require('express'); var app = express(); app.set(express.static('./a')); app.get('/', function(req, res) { res.sendFile(__dirname + '/a/a.html'); }); app.listen(3000, '127.0.0.1');

a.html

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <button id="button"></button> <script src="ajax.js"></script> </body> </html>

ajax.js

 document.getElementById('button').addEventListener('click', trigger); function trigger() { var xhr = XMLHttpRequest(); xhr.open('GET', 'blah.txt', true); xhr.onload = function() { if (xhr.status == 200) { console.log(xhr.responseText); } } xhr.send(); }

在这里，我提供了一些目录和结果的屏幕截图

最终结果

Answer 1

您尝试通过ajax加载的文件为blah.txt ，而目录中a文件为blah不带扩展名，请尝试将其重命名为blah.txt或从ajax url中删除.txt扩展名：

xhr.open('GET', '/blah', true);

我的html文件未响应express.js应用程序中的ajax请求

问题描述

1 个解决方案

解决方案1
0 2018-01-21 14:19:57

我的html文件未响应express.js应用程序中的ajax请求

问题描述

1 个解决方案

解决方案1 0 2018-01-21 14:19:57

解决方案1
0 2018-01-21 14:19:57