加载并传递URL到div express.js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").load("demo_test.txt"); }); }); </script> <div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div> <button>Get External Content</button> 
  1. 以上是jquery方法,简单地加载并传入url到div。
  2. 但是我不想在express.js上使用这个前端方法。
  3. 我想使用中间件或function或方法(没有JQUERY)。

当button点击express.js时,如何加载并传递远程或外部链接到div?

我认为你是前端(视图)与后端(服务器)混淆,你仍然需要在你的视图执行一个networking请求来获取远程数据/外部链接。

中间件存在于后端(服务器)上,不能从前端调用后端function。

如果你使用模板引擎(如EJS),那么你可以创build一个模板,将任何你想要的div填充。

服务器:

 var link = "http://www.google.com"; response.render('index', link); 

.ejs文件:

 <div> <%= link %> </div> 

这将变成:

 <div>http://www.google.com</div> 

否则,如果要从服务器端使用服务器端function加载内容,则别无select。