Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/apache-kafka/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';t追加html元素jquery_Javascript_Jquery_Html_Node.js - Fatal编程技术网

Javascript Can';t追加html元素jquery

Javascript Can';t追加html元素jquery,javascript,jquery,html,node.js,Javascript,Jquery,Html,Node.js,我试图让jquery向div元素追加文本。我试图跟随这个链接,但它对我不起作用,我所看到的是你好,但单词test没有附加 以下是html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11

我试图让jquery向div元素追加文本。我试图跟随这个链接,但它对我不起作用,我所看到的是你好,但单词test没有附加

以下是html:

 <!DOCTYPE html>
 <html>
 <head>
   <meta charset="utf-8">
 </head>
 <body>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
   <script src="test.js"></script>
   <div class="container">
     <div class="inner">Hello</div>
   </div>
 </body>
 </html>

您的代码很好,但是node.js服务器只在路径
/
处提供
test.html
。浏览器只能使用您显式发送的文件,因此HTML页面将无法加载
test.js
。为该文件添加
else if
(并更改内容类型):

另请注意:

  • |
    现在是
    &&
    ,因为以前任何GET请求都会 满足第一个条件

  • =
    现在是
    =
    –在大多数情况下,包括本例,最好使用
    ==
    ,或严格相等。如果你感兴趣的话,请多说


打开控制台(F12)并检查错误?您没有javascript文件的静态路由,这可能是问题所在,静态文件没有被提供。控制台显示
Uncaught SyntaxError:uncontracted token
,但没有
您没有将脚本放在脑子里的原因是什么(或在结束标记之前)?不,您正在为所有请求提供.html文件,因此如果您查看
test.js
的源代码,您会看到相同的html文档。我尝试了您的示例,但chrome抱怨test.js文件是一个脚本,但它的头说它是一个html文件。
资源解释为脚本,但使用MIME类型text/html传输:"http://localhost/test.js"
是否有我搜索过的javascript的内容类型,但找不到任何内容。@2trill2spill哇!对于
.js
文件,内容类型应该是
application/javascript
。我已经更新了answer@2trill2spill哇。就在脸上。
req.method=='GET'| | req.url==='/'
| |
,即“or”运算符,因此,任何GET请求都满足第一个条件。将其更改为
&&
$(document).ready(function() {
 $('.inner').append("<p> Test </p>");
});
const fs = require("fs");
const http = require('http');

var page = fs.readFileSync('test.html');

http.createServer(function(req, res) {  
  if(req.method == 'GET' || req.url == '/') {
    res.writeHead(200, "OK", {'Content-Type': 'text/html'});
    res.write(page);
    res.end();
  }
}).listen(80);
const fs = require("fs");
const http = require('http');

var page = fs.readFileSync('test.html');
var testjs = fs.readFileSync('test.js');

http.createServer(function(req, res) {  
  if(req.method === 'GET' && req.url === '/') {
    res.writeHead(200, "OK", {'Content-Type': 'text/html'});
    res.write(page);
    res.end();
  } else if(req.method === 'GET' && req.url === '/test.js') {
    res.writeHead(200, "OK", {'Content-Type': 'application/javascript'});
    res.write(testjs);
    res.end();
  }
}).listen(80);