如何更新 function 内部的全局 object 的值，然后在 JS 中使用另一个 function 访问其值？

Question

我正在尝试更新 function 内部的全局 object 的值，然后在 JS 中使用另一个 function 访问它，但没有成功，我的代码如下：

 var doguinho = { nome: "", idade: "", raca: "", coloracao: "" }; $(document).ready(() => { $('button[name="btn-enviar"]').click(() => { doguinho.nome = $('input[id="input-nome"]').val(); doguinho.idade = $('input[id="input-idade"]').val(); doguinho.raca = $('input[id="input-raca"]').val(); doguinho.coloracao = $('input[id="input-coloracao"]').val(); }) $('button[name="btn-mostrar"]').click(() => { alert(doguinho.nome); }) } );

 <:DOCTYPE html> <html> <body> <script src="https.//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <input type="text" id="input-nome"></input> <br/> <input type="text" id="input-idade"></input> <br/> <input type="text" id="input-raca"></input> <br/> <input type="text" id="input-coloracao"></input> <br/> <button type="submit" name="btn-enviar">save</button> <button type="submit" name="btn-mostrar">alert</button> </body> </html>

由于 object 在全局上下文中声明，我不应该能够更新 ant 然后从任何地方读取它的值吗？

如果没有，我该怎么做？

Answer 1

正如@ASDFGerte在评论中指出的那样，问题出在我单击时刷新页面的按钮上。

我通过将它的类型从 type="submit" 更改为 type="button" 来解决它。

任何有兴趣的人都可以在这里查看我的完整代码。

如何更新 function 内部的全局 object 的值，然后在 JS 中使用另一个 function 访问其值？

问题描述

1 个解决方案

解决方案1
0 2019-10-19 01:37:37

如何更新 function 内部的全局 object 的值，然后在 JS 中使用另一个 function 访问其值？

问题描述

1 个解决方案

解决方案1 0 2019-10-19 01:37:37

解决方案1
0 2019-10-19 01:37:37