Question

我先说这看起来像是以前必须要问的东西，但令人惊讶的是，我的谷歌搜索只出现了与切线相关的结果。

我有以下代码，它具有以下功能：

1）每次页面加载时，随机将3个值中的一个赋值给变量（VariableVar1random）

2）点击

时显示正方形的按钮

3）一个按钮，可以在不刷新页面的情况下将3个值中的一个重新分配给变量。例如，让我们在页面加载时说，变量生成为＆＃34; Variable3＆＃34;。如果我单击显示方块的按钮，然后单击重新分配变量值的按钮，变量应重新生成为＆＃34; Variable1＆＃34;或＆＃34;变量2＆＃34;没有刷新页面（正方形仍在显示）。

我在其他功能中尝试过removeData（）但似乎找不到任何有效的功能。 AJAX是否必要？

代码：https://jsfiddle.net/asb7bx6p/20/

HTML

<span class="VariableVar1randomreplacer"></span>

<br>
<br>
<div class="buttonresetvariable" style="border:1px solid black;">Click to Reset Variable</div>
<br>
<div class="buttonshowsquare" style="border:1px solid black;">Click to Show Square</div>

<div class="alertsquare" style="display:none;border:1px solid black;height:50px;width:50px;background-color:green;"></div>

JQUERY

 function Variableselector1() {

    var VariableVar1= ['Variable1', 'Variable2', 'Variable3'];
    var VariableVar1random = VariableVar1[Math.floor(Math.random() * VariableVar1.length)];
    return VariableVar1random;
}

    var VariableVar1randomreplacer = Variableselector1();
    $('.VariableVar1randomreplacer').html(VariableVar1randomreplacer );

$( ".buttonshowsquare" ).click(function() {
$( ".alertsquare").show();
});

$( ".buttonresetvariable" ).click(function() {
////???????????????
})

Answer 1

嗯，乍一看这适合：

$( ".buttonresetvariable" ).click(function() {
   var VariableVar1randomreplacer = Variableselector1();
   $('.VariableVar1randomreplacer').html(VariableVar1randomreplacer );
})

https://jsfiddle.net/asb7bx6p/22/

AJAX是否必要？

在您的情况下，您已经获得了在客户端上操作的所有数据。当您需要从远程服务器交互/获取一些数据时，需要简要AJAX请求。

如何在不重新加载页面的情况下刷新Jquery / javascript变量？

1 个答案: