Question

我有一个非常简单的场景，我希望有一个文本框，您可以在其中输入一个数字，旁边有一个按钮，按下该按钮将调用javascript方法并将文本框中的整数值作为参数发送给它。

我只是在学习MVC并且被WebForms宠坏了所以请原谅我这个愚蠢的问题，但为什么这不起作用呢？

    Enter Value 1-4<textarea id="param"></textarea>
    <br />
   <button id="btnTest" onclick="WCFJSONp(" + param.value + ")">Test Service</button>

我尝试在'param.value'前添加一个@符号，希望Razor可以看到我正在尝试做什么，但这也不起作用？任何人都可以推荐任何链接到Javascript / HTML中的'速成课程'，以便WebForms破坏MVC新手吗？

Answer 1

当你提出这个与MVC没什么关系的问题时 - 这只是javascript。通常，在运行MVC平台时，您将使用jQuery和javascript，在这种情况下，这样的事情会起作用。

onclick="WCFJSONp($('#param').val());"

vs onclick="WCFJSONp(document.getElementById('param').value)"

使用getElementById时，您不使用jQuery库，而是使用基础JavaScript。

使用一个优于另一个有优点和缺点。

使用基础JavaScript更快，您不必加载jQuery库。
jQuery可以使你的脚本更具可移植性（在这种情况下可能不是问题），因为它定义了一个与DOM的精确接口，并处理任何特定于浏览器的问题（对我来说这是一个很大的问题。）
jQuery更易于使用和理解。（有些人可能会说，如果他们用来建立基础javascript）
jQuery有很多高级用法的例子（这里也不是问题）。

可能还有更多，但这些是正确的想法。

Answer 2

这应该是：

onclick="WCFJSONp(document.getElementById('param').value)"