个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在使用node.js/express 和 EJS(嵌入式 JavaScript)。
我像这样将一些变量注入(inject)到 .html 页面中
res.render('userHome.html', {
user : user,
teams : teams,
user_db_name : user_db_name
});
userHome.html 内容:
<html>
<head>
<title>SASC Sparks Lineup Generator</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"</script>
<script type="text/javascript" src="/fancy_scripts/userHomeController.js"></script>
</head>
<body>
<form onsubmit="chooseImportTeamOrManualCreate(<%=user._id%>)" id="page1">
<!-- <input id="createNewTeam" type="submit" value="Create New Team"/> -->
<button type="submit" value="Create New Team" id="createNewTeamButton">Create New Team</button>
</form>
</body>
</html>
这是 ChooseImportTeamOrManualCreate.js 文件内容
$( document ).ready(function() {});
function chooseImportTeamOrManualCreate(user_id){
//I want user_id to be passed into this method, but this does not work
console.log($.document);
if (window.confirm("Do you wish to import team data from an existing roster?")) {
window.location.replace("/users/" + user_id + "/importNewTeamRoster", "Importing new roster");
// window.open("/users/" + user_id + "/importNewTeamRoster", "Importing new roster");
}
else{
window.location.replace("/users/" + user_id + "/importNewTeamRoster", "Importing new roster");
}
};
*尝试将<%=user._id%>注入(inject)chooseImportTeamOrManualCreate()让我感觉有点傻，因为我知道这可能是错误的。
如何将 user_id 传递到 ChooseImportTeamOrManualCreate() 中，然后进入 ChooseImportTeamOrManualCreate() 后如何访问该变量？也许用户变量附加到文档/窗口 DOM 对象？
最佳答案
找出如何将其呈现到页面中:
<form onsubmit="chooseImportTeamOrManualCreate(<%=user._id%>)" id="page1">
假设<%=user._id%>是一个包含“lk45jqlk43jakljf”的字符串，它是特定用户的数据库 key 。
现在思考:
你回答了吗without quotes ？希望你做到了。为什么这很重要？
那么，表单将调用
chooseImportTeamOrManualCreate(lk45jqlk43jakljf)
看起来还可以吗？也许？
如果 lk45jqlk43jakljf是一个变量名。但是，事实并非如此。这是您要分配给形式参数 user_id 的文字值 ，因此需要在括号内加上引号，例如 'lk45jqlk43jakljf' 。当有提交时，您需要此调用，并带引号:
chooseImportTeamOrManualCreate('lk45jqlk43jakljf')
由于正在渲染的行已经使用双引号，因此我们必须在这里使用单引号，如下所示:
<form onsubmit="chooseImportTeamOrManualCreate('<%=user._id%>')" id="page1">
所以无论如何user._id也就是说，当它呈现到表单中时它会得到引号。
有时，有人会向您提供一些糟糕的代码，而这些代码只是必须能够工作，并且没有分配时间来正确地重构它。尽管如此，这样的代码对于扩展重构项目来说似乎已经成熟。这里有两件事被称为“糟糕的代码味道”:
DO NOT use behavioral markup in HTML (JavaScript inlining), these are debugging nightmares. > Always bind events with jQuery to be consistent so it's easier to attach and remove events > dynamically.
<a id="myLink" href="#" onclick="myEventHandler();">my link</a> <!-- BAD -->
不使用 jQuery？美好的。出于同样的原因，在纯 Javascript 中设置事件仍然比在 HTML 字符串中设置元素的 onSomething 属性更好。
下一个处理此问题的人(可能是您)必须进行更多搜索才能找到相关的代码位及其用途，遵守多种格式规则等……当代码的结构更倾向于常见实践。
关于javascript - Node.js Express : re-accessing variables injected into . html 文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27074732/
25
4
0
我已阅读有关依赖注入(inject)的信息。然后来了 构造函数注入(inject)， setter/getter 注入(inject) 二传手注入(inject) 接口(interface)注入(in
我正在研究依赖注入(inject)模式。我看过很多例子，其中一个典型的例子是使用 XxxService/XxxRepository 作为例子。但是在我看来，按照UML的概念，类XxxRepositor
我开始使用 Google Guice。 我有一个简单的问题: javax.inject 的 @Inject 注释和 com.google.inject 的 有什么区别@Inject 一个 ? 谢谢。
当使用构造函数注入(inject)工厂方法时，依赖的属性不会得到解析。但是，如果在解析依赖的组件之前解析了工厂方法，则一切都会按预期工作。此外，当仅使用属性注入(inject)或构造函数注入(inje
我有这样的事情: class Root { public Root(IDependency dep) {} } class Dependency:IDependency { p
听完Clean Code Talks ，我开始明白我们应该使用工厂来组合对象。因此，例如，如果 House有一个 Door和 Door有一个 DoorKnob , 在 HouseFactory我们创建
情况:我需要在一些 FooClass 中进行惰性依赖实例化，所以我通过 Injector类作为构造函数参数。 private final Injector m_injector; public Foo
在编写代码时，我们应该能够识别两大类对象: 注入(inject)剂 新品 http://www.loosecouplings.com/2011/01/how-to-write-testable-cod
这个问题是关于 Unity Container 的，但我想它适用于任何依赖容器。 我有两个具有循环依赖关系的类: class FirstClass { [Dependency] pub
如果我有 10 个依赖项我需要注入(inject)并且不想在构造函数中有 10 个参数，我应该使用哪种注入(inject)模式？ public class SomeClass { privat
我在使用 Angular2 DI 时遇到了问题。我尝试将一个类注入(inject)另一个类，它引发了以下错误: 留言:"Cannot resolve all parameters for 'Produ
对依赖注入(inject)还很陌生，我想弄清楚这是否是一种反模式。 假设我有 3 个程序集: Foo.Shared - this has all the interfaces Foo.Users -
我正在尝试了解 Angular 14 的变化，尤其是 inject()我可以将模块注入(inject)功能的功能，我不需要为此创建特殊服务..但我想我弄错了。 我正在尝试创建一些静态函数来使用包 ng
希望这个问题不是太愚蠢，我试图掌握更高级的编程原理，因此试图习惯使用 Ninject 进行依赖注入(inject)。 因此，我的模型分为几个不同的 .dll 项目。一个项目定义了模型规范(接口(int
我最近一直在大量使用依赖注入(inject)、测试驱动开发和单元测试，并且开始喜欢上它。 我在类中使用构造函数依赖，这样我就可以为单元测试注入(inject)模拟依赖。 但是，当您实际需要生产环境中的
我有下面的代码来使用 Guice 进行依赖注入(inject)。第一个是使用构造函数注入(inject)，而另一个是直接在字段上方添加 @Inject。这两种方式有什么区别吗？ Guice官网似乎推荐
这个问题在这里已经有了答案: Angular2 Beta dependency injection (3 个答案) 关闭 7 年前。 我正在使用 angular2 测试版。并在使用 @Inject
有没有可能做这样的事情？ (因为我尝试过，但没有成功): @Injectable() class A { constructor(private http: Http){ // <-- Injec
我很恼火必须通过 Constructor 传递管道对象，因为我想为业务实体或要传递的值保留构造函数参数。 所以我想通过 setter ，但只要这些 setter 没有被填充，我的包含依赖项的对象就不应
假设我有这个: SomePage.razor: @inject Something something @page "/somepage" My Page @code { // Using
我是一名优秀的程序员,十分优秀！