加载URL并将其传递到div express.js $(文档).ready(函数(){ $(“按钮”)。单击(函数(){ $(“#div1”).load(“demo_test.txt”); }); }); 让jQuery AJAX更改此文本 获取外部内容 上面是jquery方法,只需将url加载并传递到div中 但是我不想在express.js上使用这个前端方法 我想使用中间件、函数或方法(无JQUERY)
如何在单击express.js上的按钮时将远程或外部链接加载并传递到div?我认为您混淆了前端(视图)和后端(服务器),您仍然需要在视图中执行网络请求以获取远程数据/外部链接加载URL并将其传递到div express.js $(文档).ready(函数(){ $(“按钮”)。单击(函数(){ $(“#div1”).load(“demo_test.txt”); }); }); 让jQuery AJAX更改此文本 获取外部内容 上面是jquery方法,只需将url加载并传递到div中 但是我不想在express.js上使用这个前端方法 我想使用中间件、函数或方法(无JQUERY),jquery,node.js,express,Jquery,Node.js,Express,如何在单击express.js上的按钮时将远程或外部链接加载并传递到div?我认为您混淆了前端(视图)和后端(服务器),您仍然需要在视图中执行网络请求以获取远程数据/外部链接 中间件存在于后端(服务器),您无法从前端调用后端上的函数。如果您使用模板引擎(如EJS),则可以创建一个模板,该模板将用您想要的任何内容填充div 服务器: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"&g
中间件存在于后端(服务器),您无法从前端调用后端上的函数。如果您使用模板引擎(如EJS),则可以创建一个模板,该模板将用您想要的任何内容填充div 服务器:
<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>
.ejs文件:
var link = "http://www.google.com";
response.render('index', link);
这将导致:
<div> <%= link %> </div>
http://www.google.com
否则,如果您想使用服务器端功能从服务器端加载内容,则别无选择
<div>http://www.google.com</div>